2.5 원소 순회 - ts-for-jsdev

Search…

자바스크립트 개발자를 위한 타입스크립트

01 타입스크립트 소개

1.0 들어가며

1.1 정적 타입 분석

1.2 왜 타입스크립트인가

1.3 타입스크립트의 구성요소

1.4 타입스크립트의 역사

02 ECMAScript

2.1 블록 수준 스코프

2.2 객체와 배열

2.4 템플릿 리터럴

2.5 원소 순회

2.5.1 forEach 메소드

2.5.2 for-of 문법

2.5.3 이터레이터 프로토콜

2.5.4 이터러블 프로토콜

2.6 비동기 처리

03 타입스크립트 기초 문법

3.0 타입스크립트 기초 문법

3.1 기본 타입

3.2 배열과 튜플

3.4 타입 별칭

3.7 유니온 타입

3.8 인터섹션 타입

04 인터페이스와 클래스

4.0 들어가며

4.1 인터페이스 기초

4.2 색인 가능 타입

4.3 인터페이스 확장

4.5 클래스 확장

4.6 클래스 심화

4.7 인터페이스와 클래스의 관계

05 타입의 호환성

5.0 들어가며

5.1 기본 타입의 호환성

5.2 객체 타입의 호환성

5.3 함수 타입의 호환성

5.4 클래스의 호환성

5.5 제너릭의 호환성

5.6 열거형의 호환성

06 타입 시스템 심화

6.0 들어가며

6.1 타입 좁히기

6.2 타입 추론

6.3 타입 단언

6.4 집합으로서의 타입

6.5 서로소 유니온 타입

07 고급 타입

들어가며 (7월 2일 공개)

08 모듈과 네임스페이스

들어가며 (7월 16일 공개)

09 실제 프로젝트에서 사용하기

들어가며 (7월 30일 공개)

10 유용한 라이브러리 소개

들어가며 (8월 13일 공개)

부록 II : 자바스크립트 언어 생태계

ECMAScript 언어 표준과 TC39

TC39 프로세스

실제 예시 - Array.prototype.includes

타입스크립트와 ECMAScript

Powered By GitBook

2.5 원소 순회

최신 ECMAScript 명세에 추가된 원소 순회 수단에 대해 알아본다.

어떤 컬렉션(collection)의 원소들을 순회하고 싶다는 요구사항은 굉장히 흔하다. 자연히 자바스크립트도 순회를 위한 다양한 방법을 제공한다.
예를 들어, 아래와 같은 배열의 원소를 순회하며 그 이름을 찍고 싶은 상황을 생각해보자.
const langs = ['TypeScript', 'JavaScript', 'Python'];
먼저 C 스타일로 초기 조건, 조건문, 증가문을 이용해 순회하는 다음과 같은 방법이 존재한다.
for (let i = 0; i < langs.length; i++) {
  console.log(langs[i]);
}
for-in 을 이용한 살짝 다른 버전의 반복도 가능하다.
for (const index in langs) {
  console.log(langs[index]);
}
최신 ECMAScript에는 이런 고전적인 방법 말고도 순회를 위한 다양한 방법이 추가되었다. 어떤 방법이 추가되었고, 기존의 접근에 비해 어떤 강점을 갖는지 살펴보자.

2.4.2 문자열 치환

2.5.1 forEach 메소드

Last modified 4yr ago

Copy link