js中的 Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。

简单说就是 Object.entries() 可以把一个对象的键值以数组的形式遍历出来，结果和 for…in 一致，但不会遍历原型属性。

传入对象

const obj = { name: 'xixixi', age: '23' };
console.log(Object.entries(obj)); // [['name', 'xixixi'], ['age', '23']]

数组

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

数组（数组中包含对象）

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

数组（数组中的值全部为对象）

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

字符串

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

数字、浮点数

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

在这里插入代码片console.log(Object.entries(float1)); // []

将 Object 转化为 Map

new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 Map:

const obj = { name: 'xixixi', age: '123' };
console.log(Object.entries(obj)); // [['name', 'xixixi'], ['age', '123']]
const map = new Map(Object.entries(obj));
console.log(map); // Map {'name' => 'xixixi', 'age' => '123'}

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/11395