javascript for문의 종류별 특징 알아보기

D.Y 2018. 3. 27. 11:17

간단하게, javascript for문의 종류와 특징에 대해서 정리해보도록 하겠습니다.

for문 알아보기

let array = [1,2,3,];
for(let i = 0; i < array.length; i++) {

console.log("value: ", array[i]);

}
// output: value: 1, value: 2, value: 3

for .. in
- 일반 Object의 문자열 키를 순회하기 위해 만들어진 문법입니다.
- 배열의 속성들을 순회하기 위한 구문입니다.
- 주의. 모든 열거 가능한 프로퍼티에 대해서 순회합니다. (즉, 배열 원소가 아닌 확장 속성도 순회합니다. length와 같은)

for (let i in array) {

console.log(i);

}
// output: 0,1,2

for .. of
- 배열의 요소인 data를 순회하기 위한 구문입니다.
- 다양한 객체들이 iterator가 가능합니다. (Map, Set 등)

for (let i of array) {

console.log(i);

}
// output: 1,2,3

let array2 = new Set( [1,2,3,4,3] );
for (let j of array2) {

console.log(j);

}

// output: 1,2,3,4

array.forEach((value) => {

console.log(value);

});
// output: 1,2,3

array.forEach((value) => {

console.log(value);
if(value == 1)

break;

});
// SyntaxError: Illegal break statement 에러발생!

참조