对象扩展方法Object.fromEntries()和Object.entries()的使用

最新推荐文章于 2024-12-13 19:28:48 发布

轻狂的书生

最新推荐文章于 2024-12-13 19:28:48 发布

阅读量755

点赞数

文章标签： es6 前端

本文链接：https://blog.csdn.net/qg2276879379/article/details/121291162

版权

本文介绍了ES8和ES10中的两个重要对象操作方法：Object.entries()和Object.fromEntries()。Object.entries()用于获取对象的键值对数组，而Object.fromEntries()则是它的逆运算，可以将二维数组或Map转换回对象。通过示例展示了这两个方法的具体用法，是理解JavaScript对象转换的关键知识点。

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

Object.entries()

Object.entries(）为ES8中新特性
Object.entries(）获取对象的键名和键值，每一对键名和键值组成新的数组

let obj = {
	name:'深圳',
	scene:['南山','宝安','后海','龙岗']
}
console.log(Object.entries(obj))

在这里插入图片描述

Object.fromEntries()使用二维数组形式创建对象

let arr = [
	["name","city"],
	["cities","广东,深圳,南山"]
]
console.log(Object.fromEntries(arr))

在这里插入图片描述

Object.fromEntries()使用Map形式创建对象

const m = new Map() 
m.set('name','南山')
console.log(Object.fromEntries(m))

在这里插入图片描述
Object.fromEntries()为ES10中新特性
Object.fromEntries()与ES8中的Object.entries()是一个逆运算，Object.entries()是将一个对象转成一个二维数组。