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 }
相关推荐
青山的青衫4 分钟前
【用homebrew配置nginx+配置前端项目与后端联调】Macbook M1(附一些homebrew操作)
运维·前端·nginx
二十雨辰7 分钟前
[作品集]-容易宝
java·开发语言·前端
亮子AI14 分钟前
【NestJS】在 nest.js 项目中,如何使用 Postgresql 来做缓存?
开发语言·缓存·node.js·nest.js
图灵信徒17 分钟前
R语言数据结构与数据处理基础内容
开发语言·数据挖掘·数据分析·r语言
Zz燕20 分钟前
G6实战_手把手实现简单流程图
javascript·vue.js
oioihoii24 分钟前
高性能推理引擎的基石:C++与硬件加速的完美融合
开发语言·c++
恋猫de小郭25 分钟前
iOS 26 开始强制 UIScene ,你的 Flutter 插件准备好迁移支持了吗?
android·前端·flutter
Asort25 分钟前
JavaScript设计模式(二十一)——策略模式:灵活算法的艺术与实战
前端·javascript·设计模式
weixin_4569042726 分钟前
基于C#的文档处理
开发语言·c#
黑云压城After31 分钟前
3D魔方-Css实现方法
前端·css·3d