Fall in IT.

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

프로그래밍언어/Javascript & Typescript

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

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



간단하게, 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 에러발생!



참조


Comments