수학과의 좌충우돌 프로그래밍

[ES6] Loop 에 대해서 알아보자 forEach, for of 본문

웹프로그래밍/ES6

[ES6] Loop 에 대해서 알아보자 forEach, for of

ssung.k 2020. 1. 2. 06:10

간단하게 반복문에 대해서 알아보도록 하겠습니다.

 

우선 기존의 js 에서 반복문은 다음과 같습니다.

const fruits = ["apple", "banana", "melon", "strawberry"]

for (let i=0;i<fruits.length;i++){
  console.log(`${i} 번째 원소 : ${fruits[i]}`);
}

/*
0 번째 원소 : apple
1 번째 원소 : banana
2 번째 원소 : melon
3 번째 원소 : strawberry
*/

 

forEach

forEach 는 함수를 파리미터 받게 됩니다.

이 함수는 다시 3개의 파리미터를 받게 됩니다.

  • 현재 원소
  • 현재 인덱스
  • 전체 array

단점은 반복문을 중간에 끝낼 수 없다는 점입니다.

printFruit = (current, index, array) => console.log(`${index} 번째 원소 :${current}`);
fruits.forEach(printFruit);

 

for of

for of 는 아래와 같이 사용합니다.

for (const fruit of fruits){
  console.log(fruit);
}

 

문자열에서도 가능 뿐만 아니라 여러 iterable 한 객체에 대해서 모두 가능합니다. 문자열도 마찬가지죠.

for (const letter of "minsung"){
  console.log(letter);
}

/*
m
i
n
s
u
n
g
*/

 

'웹프로그래밍 > ES6' 카테고리의 다른 글

[ES6] Async and Await  (0) 2020.01.03
[ES6] Promises - then, catch, all, race, finally  (1) 2020.01.03
[ES6] Spread and Rest  (0) 2020.01.02
[ES6] Destructuring  (0) 2019.12.31
[ES6] Array Method  (0) 2019.12.31
Comments