Object.entries 作用

一、将对象转换为键值对数组

它返回一个给定对象自身可枚举属性的键值对数组。

javascript 复制代码
const obj = { a: 1, b: 2, c: 3 };

const entries = Object.entries(obj);

console.log(entries);

// [ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]

二、配合数组方法进行操作

由于 Object.entries() 返回的是一个数组,可以结合数组的各种方法进行操作。

javascript 复制代码
const obj = { a: 1, b: 2, c: 3 };

const doubledEntries = Object.entries(obj).map(([key, value]) => [

  key,

  value * 2,

]);

console.log(doubledEntries);

// [ [ 'a', 2 ], [ 'b', 4 ], [ 'c', 6 ] ]

三、用于对象的迭代和转换

在一些复杂的数据处理场景中,可以使用 Object.entries() 将对象转换为易于操作的数组形式,然后进行各种操作后再转换回对象。例如:

javascript 复制代码
const obj = { a: 1, b: 2, c: 3 };

const newObj = Object.fromEntries(

  Object.entries(obj).map(([key, value]) => [key, value * 2])

);

console.log(newObj);

// { a: 2, b: 4, c: 6 }
相关推荐
Trust yourself2432 分钟前
easyui碰到想要去除顶部栏按钮边框
前端·javascript·easyui
一洽客服系统13 分钟前
网页嵌入与接入功能说明
开发语言·前端·javascript
DoraBigHead27 分钟前
this 的前世今生:谁在叫我,我听谁的
前端·javascript·面试
zhangfeng113331 分钟前
python 数据分析 单细胞测序数据分析 相关的图表,常见于肿瘤免疫微环境、细胞亚群功能研究 ,各图表类型及逻辑关系如下
开发语言·python·数据分析·医学
Sylvia-girl38 分钟前
Java---IDEA
java·开发语言·intellij-idea
Z_W_H_44 分钟前
【Springboot】Bean解释
java·开发语言
蓝婷儿1 小时前
每天一个前端小知识 Day 28 - Web Workers / 多线程模型在前端中的应用实践
前端
琹箐1 小时前
Ant ASpin自定义 indicator 报错
前端·javascript·typescript
小小小小小惠1 小时前
Responsetype blob会把接口接收的二进制文件转换成blob格式
前端·javascript
爱电摇的小码农1 小时前
【深度探究系列(5)】:前端开发打怪升级指南:从踩坑到封神的解决方案手册
前端·javascript·css·vue.js·node.js·html5·xss