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

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

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

• foreach
  - for문 스코프에서 break, return 구문을 이용해서 함수를 벗어날 수 없습니다.

array.forEach((value) => {

console.log(value);

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

array.forEach((value) => {

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

break;

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

참조

• http://hacks.mozilla.or.kr/2015/08/es6-in-depth-iterators-and-the-for-of-loop/
• https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration