JavaScript Object.entries()

정의와 사용법

Object.entries() 메서드는 객체 키밸류 쌍으로 구성된 배열을 반환합니다.

Object.entries() 메서드는 원본 객체를 변경하지 않습니다.

관련 메서드:

Object.keys() 모든 객체 타입의 키(속성)를 반환합니다.

Object.values() 모든 객체 키(속성)의 값을 반환합니다.

Object.entries() 모든 객체 타입의 키와 값을 반환합니다.

위 메서드는 이터러블 객체(인수 가능한 배열)를 반환합니다.

이터러블 객체는 객체를 사용하는 것이 더 간단하게 하고, 객체를 Map으로 변환하는 것을 더 간단하게 합니다.

인스턴스

예제 1

const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50,
  eyeColor: "blue"
};
let text = Object.entries(person);

직접 시도해보세요

예제 2

Object.entries() 객체를 사용하는 것이 더 간단하게 만듭니다:

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
  text += fruit + ": " + value + "<br>";
}

직접 시도해보세요

예제 3

Object.entries() 객체를 Map으로 변환하는 것이 더 간단하게 만듭니다:

const fruits = {Bananas: 300, Oranges: 200, Apples: 500};
const myMap = new Map(Object.entries(fruits));

직접 시도해보세요

문법

Object.values(object)

파라미터

파라미터 설명
object 선택 사항. 객체。

반환 값

타입 설명
Array 객체 키밸류 쌍을 포함한 이터러블 배열을 추가했습니다.

브라우저 지원

ECMAScript 2017은 객체에 Object.entries() 메서드。

2017년 3월부터 모든 현대 브라우저가 지원합니다. Object.entries()

크롬 에지 파이어폭스 사파리 오페라
크롬 47 에지 14 파이어폭스 47 사파리 10.1 오페라 41
2016년 6월 2016년 8월 2016년 6월 2017년 3월 2016년 10월