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 }
相关推荐
晚云与城18 小时前
今日分享:C++ Stack和queue(栈与队列)
开发语言·c++
白水清风18 小时前
关于Js和Ts中类(class)的知识
前端·javascript·面试
前端Hardy18 小时前
只用2行CSS实现响应式布局,比媒体查询更优雅的布局方案
javascript·css·html
小莞尔18 小时前
【51单片机】【protues仿真】基于51单片机停车场的车位管理系统
c语言·开发语言·单片机·嵌入式硬件·51单片机
张烫麻辣亮。18 小时前
golang-gin包
开发语言·golang·gin
yuluo_YX18 小时前
Go Style 代码风格规范
开发语言·后端·golang
小菜全18 小时前
uniapp基础组件概述
前端·css·vue.js·elementui·css3
百锦再18 小时前
脚本语言的大浪淘沙或百花争艳
java·开发语言·人工智能·python·django·virtualenv·pygame
小天呐19 小时前
qiankun 微前端接入实战
前端·js·微前端
周航宇JoeZhou19 小时前
JP4-7-MyLesson后台前端(五)
java·前端·vue·elementplus·前端项目·mylesson·管理平台