JavaScript----Object.entries()

最新推荐文章于 2025-04-04 19:28:30 发布

拾玥花开

最新推荐文章于 2025-04-04 19:28:30 发布

阅读量437

点赞数

分类专栏： js 文章标签： js iterator

原文链接：https://blog.youkuaiyun.com/weixin_36617251/article/details/89478202

版权

js 专栏收录该内容

39 篇文章

订阅专栏

Object.entries()方法用于获取对象自身的所有可枚举属性的键值对数组，不包括原型链上的属性。这个方法在处理对象数据时非常有用，可以方便地遍历对象属性并进行操作。例如，可以将对象转换为Map，或者在数组中处理包含对象的元素。示例展示了如何在不同数据类型上使用Object.entries()，包括普通对象、数组、字符串、数字和浮点数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

示例1 – 传入对象

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

示例2.1 – 数组

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

示例2.2 – 数组（数组中包含对象）

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

示例2.3 – 数组（数组中的值全部为对象）

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 – 数字、浮点数

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

示例5 – 将 Object 转化为 Map

new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 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'}