JavaScript For In

For In 루프

JavaScript for in 문장은 객체의 속성을 순회합니다：

문법

for (키 in 객체) {
  // 실행될 코드 블록
}

예제

const person = {fname:"Bill", lname:"Gates", age:25};
let text = "";
for (let x in person) {
  text += person[x];
}

본인이 직접 시도해보세요

예제 설명

  • for in 루프 순회 person 객체
  • 각 반복에서 하나의키 (x)
  • 키는 키의값
  • 키의 값은 person[x]

For In 배열 순회

JavaScript for in 문장도 배열의 속성을 순회할 수 있습니다：

문법

for (변수 in 배열) {
  코드
}

예제

const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
  txt += numbers[x];
}

본인이 직접 시도해보세요

만약 인덱스순서매우 중요합니다, 배열에 대해 사용하지 마세요 for in。

인덱스 순서는 구현에 따라 다를 수 있으며, 예상대로의 순서로 배열 값에 접근하지 않을 수 있습니다.

순서가 중요할 때는 가장 좋습니다 for 루프,for of 루프 또는 Array.forEach()。

Array.forEach()

forEach() 함수는 각 배열 요소에 대해 한 번씩 호출됩니다(커브백 함수).

예제

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
  txt += value;
}

본인이 직접 시도해보세요

주의하세요, 이 함수는 3 개의 매개변수를 사용합니다:

  • 항목 값
  • 항목 인덱스
  • 배열 자체

위의 예제는 value 매개변수만 사용합니다. 다음과 같이 변경할 수 있습니다:

예제

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
  txt += value;
}

본인이 직접 시도해보세요