Object.fromEntries()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020년 1월.

Object.fromEntries() 메서드는 키값 쌍의 목록을 객체로 바꿉니다.

시도해 보기

const entries = new Map([  ["foo", "bar"],  ["baz", 42],]);const obj = Object.fromEntries(entries);console.log(obj);// Expected output: Object { foo: "bar", baz: 42 }

구문

Object.fromEntries(iterable);

매개변수

iterable: 반복 가능한 객체. 즉,Array,Map 또는반복 규약을 구현한 기타 객체.

Object.fromEntries() 메서드는 키값 쌍 목록을 받고, 그 목록을 사용해 속성을 부여한 새로운 객체를 반환합니다.iterable 인자는@@iterator 메서드를 구현하여 반복기 객체를 반환해야 하고, 그 반복기는 또 배열 형태의 객체로 요소 2개를 반환해야 합니다. 반환된 요소 중 첫 번째는 생성할 객체의 속성 키로, 두 번째는 속성 값으로 사용합니다.

Object.fromEntries()는Object.entries()의 역을 수행합니다.

예제

`Map`에서`Object`로

const map = new Map([  ["foo", "bar"],  ["baz", 42],]);const obj = Object.fromEntries(map);console.log(obj); // { foo: "bar", baz: 42 }

`Array`에서`Object`로

const arr = [  ["0", "a"],  ["1", "b"],  ["2", "c"],];const obj = Object.fromEntries(arr);console.log(obj); // { 0: "a", 1: "b", 2: "c" }

객체 변환

Object.fromEntries()와 그 역인Object.entries(), 그리고배열 변형 메서드를 통해 객체를 변환할 수 있습니다.

const object1 = { a: 1, b: 2, c: 3 };const object2 = Object.fromEntries(  Object.entries(object1).map(([key, val]) => [key, val * 2]),);console.log(object2);// { a: 2, b: 4, c: 6 }