Object.entries() 方法返回一個(gè)給定對(duì)象自身可枚舉屬性的鍵值對(duì)數(shù)組，其排列與使用 for...in 循環(huán)遍歷該對(duì)象時(shí)返回的順序一致（區(qū)別在于 for-in 循環(huán)也枚舉原型鏈中的屬性）。

通俗點(diǎn)就是 Object.entries() 可以把一個(gè)對(duì)象的鍵值以數(shù)組的形式遍歷出來，結(jié)果和 for...in 一致，但不會(huì)遍歷原型屬性。

示例1 -- 傳入對(duì)象

const obj = { foo: 'bar', baz: 'abc' }; 
console.log(Object.entries(obj));  // [['foo', 'bar'], ['baz', 'abc']]

示例2.1 -- 數(shù)組

const arr = [1, 2, 3]; 
console.log(Object.entries(arr));  // [['0', 1], ['1', '2'], ['2', '3']]

示例2.2 -- 數(shù)組（數(shù)組中包含對(duì)象）

const arr1 = [{ a: 1 }, 2, 3]; 
console.log(Object.entries(arr1));  // [['0', { a: 1 }], ['1', '2'], ['2', '3']]

示例2.3 -- 數(shù)組（數(shù)組中的值全部為對(duì)象）

const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }]; 
console.log(Object.entries(arr2));  // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]

示例3 -- 字符串

const str = '123'; 
console.log(Object.entries(str));  // [['0', '1'], ['1', '2'], ['2', '3']]

示例4 -- 數(shù)字、浮點(diǎn)數(shù)

const num = 123; 
console.log(Object.entries(num));  // []

const float1 = 12.3; 
console.log(Object.entries(float1));  // []

示例5 -- 將 Object 轉(zhuǎn)化為 Map

new Map() 構(gòu)造函數(shù)接受一個(gè)可迭代的 entries 。 借助 Object.entries 方法你可以很容易的將 Object 轉(zhuǎn)換為 Map:

const obj2 = { foo: 'bar', baz: 'abc' }; 
console.log(Object.entries(obj2));  // [['foo', 'bar'], ['baz', 'abc']]
const map = new Map(Object.entries(obj2)); 
console.log(map); // Map {'foo' => 'bar', 'baz' => 'abc'}