라이브러리

[JAVASCRIPT] Object.entries(obj) - 객체를 `[키, 값]` 쌍의 배열로 변환




Object.entries() 메서드

`Object.entries()` 메서드는 객체의 키와 값 쌍을 배열로 반환합니다. 이 메서드는 ES2017부터 지원되며, 이전 버전에서는 `Object.keys()`와 `Object.values()`를 사용하여 키와 값 쌍을 얻을 수 있습니다.

Syntax

#hostingforum.kr
javascript

Object.entries(obj)



Return Value

`Object.entries()` 메서드는 객체의 키와 값 쌍을 배열로 반환합니다. 각 요소는 키-값 쌍을 나타내는 객체로 구성됩니다.

예제

#hostingforum.kr
javascript

const person = {

  name: 'John Doe',

  age: 30,

  city: 'New York'

};



const entries = Object.entries(person);

console.log(entries);

// Output:

// [

//   ['name', 'John Doe'],

//   ['age', 30],

//   ['city', 'New York']

// ]



Object.entries() 메서드의 사용 사례

`Object.entries()` 메서드는 객체의 키와 값 쌍을 배열로 반환하므로, 객체의 각 키-값 쌍을 반복처리할 때 유용합니다. 예를 들어, 객체의 모든 키-값 쌍을 반복처리할 때 사용할 수 있습니다.

#hostingforum.kr
javascript

const person = {

  name: 'John Doe',

  age: 30,

  city: 'New York'

};



Object.entries(person).forEach(([key, value]) => {

  console.log(`${key}: ${value}`);

});

// Output:

// name: John Doe

// age: 30

// city: New York



Object.entries() 메서드의 장점

`Object.entries()` 메서드는 객체의 키와 값 쌍을 배열로 반환하므로, 객체의 각 키-값 쌍을 반복처리할 때 유용합니다. 또한, 객체의 키와 값 쌍을 쉽게 접근할 수 있습니다.

Object.entries() 메서드의 단점

`Object.entries()` 메서드는 객체의 키와 값 쌍을 배열로 반환하므로, 객체의 키와 값 쌍을 쉽게 접근할 수 있지만, 객체의 키와 값 쌍을 수정할 때 주의해야 합니다. 객체의 키와 값 쌍을 수정할 때, `Object.entries()` 메서드의 반환값이 변경되지 않습니다.

Object.entries() 메서드의 결론

`Object.entries()` 메서드는 객체의 키와 값 쌍을 배열로 반환하므로, 객체의 각 키-값 쌍을 반복처리할 때 유용합니다. 또한, 객체의 키와 값 쌍을 쉽게 접근할 수 있습니다. 그러나, 객체의 키와 값 쌍을 수정할 때 주의해야 합니다.
  • profile_image
    나우호스팅 @pcs8404 

    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 10,077건 / 11 페이지

검색

게시물 검색