Object.fromEntries() method transforms a list of key-value pairs into an object.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

句法

Object.fromEntries(iterable);
					

参数

iterable
An iterable such as Array or Map or other objects implementing the 可迭代协议 .

返回值

A new object whose properties are given by the entries of the iterable.

描述

Object.fromEntries() method takes a list of key-value pairs and returns a new object whose properties are given by those entries. The iterable argument is expected to be an object that implements an @@iterator method, that returns an iterator object, that produces a two element array-like object, whose first element is a value that will be used as a property key, and whose second element is the value to associate with that property key.

Object.fromEntries() performs the reverse of Object.entries() .

范例

Converting a Map to an Object

With Object.fromEntries , you can convert from Map to Object :

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

Converting an Array to an Object

With Object.fromEntries , you can convert from Array to Object :

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

Object transformations

With Object.fromEntries , its reverse method Object.entries() ,和 array manipulation methods , you are able to transform objects like this:

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 }
					

Please do not add polyfills on MDN pages. For more details, refer to: https://discourse.mozilla.org/t/mdn-rfc-001-mdn-wiki-pages-shouldnt-be-a-distributor-of-polyfills/24500

规范

规范
ECMAScript (ECMA-262)
The definition of 'Object.fromEntries' in that specification.

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
Desktop Mobile Server
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet Node.js
fromEntries Chrome 73 Edge 79 Firefox 63 IE No Opera 60 Safari 12.1 WebView Android 73 Chrome Android 73 Firefox Android 63 Opera Android No Safari iOS 12.2 Samsung Internet Android No nodejs 12.0.0

图例

完整支持

完整支持

不支持

不支持

另请参阅

元数据

  • 最后修改: