[TypeScript] for of 와 for in 반복문
author: Dev.ian
createdAt: 2021-10-10
updatedAt: 2021-10-10
반복의 주체가 값(for...of)인가, 순서(for...in)인가에 따라 다르게 사용한다.
for of
-
타입과 관계없이 배열에 담긴 값 을 순서대로 얻을 때 사용한다.
const plArr: any = ['Java', 'Kotlin', 'Typescript', 'Javascript'];
for (const pl of plArr) {
console.log(`${pl}`);
}[Result]
Java
Kotlin
Typescript
Javascriptconst numArr: any = [1, 3, 5, 7, 9];
for (const num of numArr) {
console.log(`${num}`);
}[Result]
1
3
5
7
9
for in
-
배열의 순서(인덱스Index) 를 얻을 때 사용
const plArr: any = ['Java', 'Kotlin', 'Typescript', 'Javascript'];
for (const idx in plArr) {
const content: string = plArr[idx];
console.log(`${content} : ${idx}`);
}[Result]
Java : 0
Kotlin : 1
Typescript : 2
Javascript : 3
forEach
-
callback 함수를 이용한 반복문 처리
const plArr: any = ['Java', 'Kotlin', 'Typescript', 'Javascript'];
// arr === plArr
plArr.forEach((value, index, arr) => { // value: 현재 값, index: 순서, arr: 원래의 배열
console.log(`${value} : ${index}`);
});[Result]
Java : 0
Kotlin : 1
Typescript : 2
Javascript : 3
그외의 반복문
for
- 기본적인 for 문을 이용한 반복처리
const plArr: any = ['Java', 'Kotlin', 'Typescript', 'Javascript'];
for (let idx = 0; idx < plArr.length; idx++) {
const content: string = plArr[idx];
console.log(`${content} : ${idx}`);
}
[Result]
Java : 0
Kotlin : 1
Typescript : 2
Javascript : 3
whlie
- 기본적인 while 문을 이용한 반복처리
const plArr: any = ['Java', 'Kotlin', 'Typescript', 'Javascript'];
let idx: number = 0;
while(idx < plArr.length) {
const content: string = plArr[idx];
console.log(`${content} : ${idx}`);
idx++;
}
[Result]
Java : 0
Kotlin : 1
Typescript : 2
Javascript : 3
do whlie
- 기본적인 do while 문을 이용한 반복처리
const plArr: any = ['Java', 'Kotlin', 'Typescript', 'Javascript'];
let idx: number = 0;
do {
const content: string = plArr[idx];
console.log(`${content} : ${idx}`);
idx++;
} while(idx < plArr.length)
[Result]
Java : 0
Kotlin : 1
Typescript : 2
Javascript : 3