JavaScript의 사전을 통한 루프

JavaScript 개체는 매우 유연하며 키-값 쌍을 만드는 데 사용할 수 있습니다. 이러한 개체는 Python 사전과 유사하게 작동합니다.

저장된 값마다 고유한 키(JavaScript Array와 유사)가 있고 해당 키를 통해 해당 값에 액세스할 수 있기 때문에 사전 및 개체가 널리 사용됩니다. 따라서 데이터를 읽고 저장하는 데 탁월한 유연성을 제공합니다.

오늘의 게시물은 객체 또는 사전을 반복하여 JavaScript에서 키-값 쌍을 추출하는 방법을 알려줍니다.

Object.entries()를 사용하여 JavaScript에서 사전 반복

Object.entries() 메서드를 사용하여 주어진 객체의 열거 가능한 문자열 키 속성의 [key, value] 쌍 배열을 반환할 수 있습니다.

이것은 for...in 루프로 반복하는 것과 비슷합니다. 그러나 이 루프는 프로토타입 체인의 속성을 열거합니다.

반환된 배열의 순서는 for...in 루프에서 반환된 순서와 동일합니다. JavaScript에서 열거 가능한 속성은 for...in 루프 또는 Object.keys() 메서드를 사용하여 반복될 때 속성이 표시됨을 의미합니다.

기본적으로 단순 할당 또는 속성 이니셜라이저로 생성된 모든 속성은 열거 가능합니다.

통사론:

Object.entries(obj)

Object.entries 메소드는 객체를 필수 매개변수인 인수로 받아들입니다.

이 문서에서 Object.entries()에 대한 자세한 정보를 찾을 수 있습니다.

직원 개체의 예를 들어 보겠습니다. 이 개체에는 기본 직원 세부 정보가 포함되어 있습니다.

직원 개체를 반복하면 열거 가능한 모든 속성이 인쇄됩니다.

const object = {
  employeeName: 'John Doe',
  employeeId: 27,
  salary: {
    '2018 - 19': '400000INR',
    '2019 - 20': '500000INR',
    '2020 - 21': '650000INR'
  },
}

               Object.defineProperty(student, 'address', {
                 value: 'India',
                 configurable: true,
                 writable: false,
                 enumerable: false,
               });

for (const [key, value] of Object.entries(object)) {
  console.log(key, value);
}

위의 예에서 새 address 속성을 추가했지만 열거 가능한 유형은 false로 설정됩니다. Object.entries() 메서드는 열거 가능한 속성을 통해서만 반복하므로 주소 속성을 인쇄하지 않습니다.

아무 브라우저에서나 위의 예제를 실행해 보십시오. 다음 결과가 표시됩니다.

출력:

"employeeName", "John Doe"
"employeeId", 27
"salary", {
  2018-19: "400000INR",
  2019-20: "500000INR",
  2020-21: "650000INR"
}

위에 제공된 전체 예제는 여기에서 액세스할 수도 있습니다.