[JavaScript] Array Looping 배열 반복문 (for/for of/for in/ forEach)

 

 

배열의 값들을 반복문으로 돌리기 위한 방법은 크게 4가지로 나뉜다.

 

 

1. for 문

const fruits = ['apple', 'banana', 'cherry'];

// a. for
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

 

 

2. for of 

- 배열의 각 아이템 하나하나를 순회한다. 

const fruits = ['apple', 'banana', 'cherry'];

// b. for of
for ( let fruit of fruits) {
    console.log(fruit);
}

 

 

3. for in

- Object의 반복문에 주로 사용되는 방법이지만, 배열에서도 사용 가능하다. 

- 배열의 각 아이템의 index 를 순회한다. 

const fruits = ['apple', 'banana', 'cherry'];

// c. for in
for ( let fruit in fruits) {
    console.log(fruits[fruit]);
}

 

 

3. forEach 

 - forEach() 안에는 callback함수가 들어가고, value, index, array 세 개의 값을 파라미터로 받는다.

   ( index와 array 값은 optional )

const fruits = ['apple', 'banana', 'cherry'];

// d. forEach
fruits.forEach(function(fruit, index, array) {
    console.log(fruit, index, array);
}); //array까지는 보통 잘 안 씀

 

  - arrow function을 사용해서 정리하면 아래와 같이 더 간단하게 표현 가능

const fruits = ['apple', 'banana', 'cherry'];

fruits.forEach((fruit) =>  console.log(fruit));