for...in vs for...of

3428 단어 jsjs

for in vs for of

  • 반복문
  • ES6 부터 추가

🔶 for in

  • 객체 순환
  • Object에 있는 key에 차례로 접근하는 데 사용되는 반복문
//for ...in 
  let obj = {
    a: 1,
    b: 2,
    c: 3
  };

  for (let item in obj) {
  console.log(item) // a, b, c (객체의 key가 출력)
}

🔶 for of

  • 배열 순환
  • 배열의 값(value)에 차례로 접근하는 데 사용되는 반복문
//for ...of 
  let obj = [a, b, c ]

  for (let item in obj) {
  console.log(item) // a, b, c (배열의 값이 출력)
}


// 만약 for...in를 배열에 사용한다면?
let arr = [1, 2, 3];

for (let item in arr) {
  console.log(item); // 0, 1, 2 (배열 값의 index를 출력)
}

좋은 웹페이지 즐겨찾기