JavaScript에서 객체 배열의 속성을 반복하고 액세스하는 방법은 무엇입니까?

객체 배열의 속성 반복 및 액세스

JavaScript에서 객체가 포함된 배열을 반복하려면 단순 값 배열에 비해 수정된 접근 방식이 필요합니다. .

반복 객체

배열의 객체를 반복하려면 forEach() 메서드를 사용할 수 있습니다. 기본 루프 구조와 달리 forEach()는 배열의 각 요소에 대해 콜백 함수를 실행합니다.

myArray.forEach((element) => {
  console.log(element);
});

이 코드는 myArray 배열의 각 개체를 기록합니다.

액세스 개체 속성

루프 내의 개체 속성에 액세스하려면 점 표기법이나 대괄호를 사용할 수 있습니다. 표기법:

forEach((element) => {
  console.log(element.x); // Dot notation
  console.log(element["y"]); // Bracket notation
});

예

forEach()를 사용하도록 질문의 코드를 수정해 보겠습니다.

for (var j = 0; j < myArray.length; j++) {
  console.log(myArray[j].x); // This returns "undefined"
}

myArray.forEach((element) => {
  console.log(element.x); // This works
});

첫 번째 루프에서 , "정의되지 않음" 문자열의 "x" 속성에 잘못 액세스하려고 시도합니다. 적절한 콜백 함수와 함께 forEach()를 사용하면 배열에 있는 각 개체의 속성에 성공적으로 액세스하고 조작할 수 있습니다.

위 내용은 JavaScript에서 객체 배열의 속성을 반복하고 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!