JS 반복문 정리 [for, for in, for of, forEach()…]

JS에서 이용하는 반복문의 종료가 많아 개념을 정확하게 하기 위해 정리를 한번 해봤다.

for 문

• for 문은 괄호로 감싸고 세미콜론으로 구분한 세 개의 선택식과, 반복을 수행할 문(주로 블럭문)으로 이루어져 있습니다.

for(let i=0;i<10;i++) {
  console.log(i); //0-9까지 출력
}

for in 문

• 객체의 프로퍼티 키 열거 전용
• 해당 객체가 상속받는 프로토타입 체인상의 모든 프로퍼티 키를 열거한다.
• 인덱스 순서가 중요한 Array에서 반복을 위해 사용할 수 없습니다.

const obj = {
	name : 'kys',
  job : 'engineer'
}

for (const key in obj) {
  console.log(`${key} : $obj[key]`);
}
// name : kys
// job : engineer

for of 문

• String, Array, Map, Set, DOM컬렉션(HTMLColletion, NodeList), TypeArray, arguments 등이 있다.
• 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성합니다.

const Arr = {1,2,3};

for(const item of Arr) {
  console.log(item); //1,2,3
}

forEach() 문

• forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다.
• function(value, index, array)
• 콜백함수의 매개변수로 value에 요소값, index에 인덱스, array에 원본 배열이 들어온다.

const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));

// expected output: "a"
// expected output: "b"
// expected output: "c"
----------------------------------------------------
[10, 20, 30].forEach((value, index, array)=>{ 
  console.log(`${index} : ${value}`); // 0 : 10, 1 : 20, 2: 30 출력
})