typescript for문들

typescript for문들

반복문

for of

• 타입과 관계없이 배열에 담긴 값 을 순서대로 얻을 때 사용한다.

const fruitArr: any = ['apple', 'Strawberry', 'Banana', 'Pineapple'];
for (const fruit of fruitArr) {
  console.log(`${fruit}`);
}

// result
apple
Strawberry
Banana
Pineapple

for in

• 배열의 순서(인덱스Index) 를 얻을 때 사용한다.

const fruitArr: any = ['apple', 'Strawberry', 'Banana', 'Pineapple'];
for (const index in fruitArr) {
  const fruit: string = fruitArr[index];
  console.log(`${fruit} : ${index}`);
}

// result
apple : 0
Strawberry : 1
Banana : 2
Pineapple : 3

forEach

• callback 함수를 이용한 반복문 처리
• value, index, Array(해당 배열) 순서

const fruitArr: any = ['apple', 'Strawberry', 'Banana', 'Pineapple'];
fruitArr.forEach((value, index, arr) => {
  console.log(`${value} : ${index}`);
});

// result
apple : 0
Strawberry : 1
Banana : 2
Pineapple : 3

for

• 기본적인 for 문

const fruitArr: any = ['apple', 'Strawberry', 'Banana', 'Pineapple'];
for (let index = 0; idx < fruitArr.length; idx++) {
  const fruit: string = fruitArr[index];
  console.log(`${fruit} : ${index}`);
}

// result
apple : 0
Strawberry : 1
Banana : 2
Pineapple : 3

#typescript #for문 #for in문 #forEach #for of문 #for문들

참고 사이트 : https://velog.io/@jay2u8809/TypeScript-for-of-%EC%99%80-for-in-%EB%B0%98%EB%B3%B5%EB%AC%B8