[Javascript] for문 ( forEach, for...in, for, for...of )

1. for문 ( forEach, for...in, for )

---

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

1. forEach 문

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

// ES6의 화살표 함수를 이용하면 코드를 아주 간결하게 만들 수 있습니다.(가장 자주 쓰는 형태)
arr.forEach(item => {
    // item 변수는 배열 각각의 요소들을 순환합니다.
    console.log(item);
});

// forEach 함수의 원형 그대로 사용하기
arr.forEach(function(item, index, arr2) {
    // item  : 배열 각각의 요소
    // index : 배열 인덱스
    // arr2  : 배열 자체(반복문 돌리는 배열을 통째로 참조해야할 경우 사용)
});

2. for...in 문

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

for (var item in arr) {
    // item : 배열 각각의 요소
}

 

3. 전통적인 for 문

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

for (var i = 0; i < arr.length; ++i) {
    // index를 지정하는 전통적인 for문 
}

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

let arr = [10, 20, 30;

for (let item of arr) {
    // item: 배열 각각의 요소
}