HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
All web technology
Learn web development
Discover our tools
Get to know MDN better
This page was translated from English by the community. Learn more and join the MDN Web Docs community.
View in English Always switch to English
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020년 1월.
Object.fromEntries() 메서드는 키값 쌍의 목록을 객체로 바꿉니다.
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 또는 반복 규약을 구현한 기타 객체.
Array
Map
속성의 키와 값을 반복 가능한 객체에서 가져온 새로운 객체.
Object.fromEntries() 메서드는 키값 쌍 목록을 받고, 그 목록을 사용해 속성을 부여한 새로운 객체를 반환합니다. iterable 인자는 @@iterator 메서드를 구현하여 반복기 객체를 반환해야 하고, 그 반복기는 또 배열 형태의 객체로 요소 2개를 반환해야 합니다. 반환된 요소 중 첫 번째는 생성할 객체의 속성 키로, 두 번째는 속성 값으로 사용합니다.
@@iterator
Object.fromEntries()는Object.entries()의 역을 수행합니다.
Object.entries()
Object
const map = new Map([ ["foo", "bar"], ["baz", 42], ]); const obj = Object.fromEntries(map); console.log(obj); // { foo: "bar", baz: 42 }
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 }
Enable JavaScript to view this browser compatibility table.
Object.keys()
Object.values()
Map.prototype.entries()
Map.prototype.keys()
Map.prototype.values()