for문 JS

Javascript에서 사용할 수 있는 4 종류의 for문에 대해 정리해보겠습니다.

1. forEach 문

// ES6의 화살표 함수를 이용하면 코드를 아주 간결하게 만들 수 있습니다.(가장 자주 쓰는 형태)

let arr = ["1", "2", "3"];

arr.forEach(item => {
    // item 변수는 배열 각각의 요소들을 순환합니다.
    console.log(item);
});

// forEach 함수의 원형 그대로 사용하기

arr.forEach(function(item, index) {
    // item  : 배열 각각의 요소
    // index : 배열 인덱스
});

2. for...in 문

let arr = ["1", "2", "3"];
 
for (let item in arr) {
    // item : 배열 각각의 요소
}

3. 전통적인 for 문

let arr = ["1", "2", "3"];
 
for (let i = 0; i < arr.length; ++i) {
    // index를 지정하는 전통적인 for문 
}

4. for..of 문 (ES6에서 탄생)

let arr = [10, 20, 30];
 
for (let item of arr) {
    // item: 배열 각각의 요소
}

참고

https://www.youtube.com/watch?v=kLYdgg0ljTk