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 }
相关推荐
正在学习前端的---小方同学2 小时前
vue-easy-tree树状结构
前端·javascript·vue.js
万粉变现经纪人3 小时前
如何解决 pip install -r requirements.txt 私有索引未设为 trusted-host 导致拒绝 问题
开发语言·python·scrapy·flask·beautifulsoup·pandas·pip
qq_479875433 小时前
C++ std::Set<std::pair>
开发语言·c++
云知谷5 小时前
【C++基本功】C++适合做什么,哪些领域适合哪些领域不适合?
c语言·开发语言·c++·人工智能·团队开发
键盘不能没有CV键5 小时前
【图片处理】✈️HTML转图片字体异常处理
前端·javascript·html
yantuguiguziPGJ6 小时前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf
l1t6 小时前
DeepSeek辅助利用搬移底层xml实现快速编辑xlsx文件的python程序
xml·开发语言·python·xlsx
大飞记Python6 小时前
部门管理|“编辑部门”功能实现(Django5零基础Web平台)
前端·数据库·python·django
tsumikistep7 小时前
【前端】前端运行环境的结构
前端
你的人类朋友7 小时前
【Node】认识multer库
前端·javascript·后端