Javascript Object和Map之间的转换

news/2024/11/23 16:59:30/

简单的区分Map和Object

Map是ES6退出的一个类型,特点:任何值都可作为属性名

Object特点:属性名只能是字符串(一开始我也不信,测试后才发现的)

代码图片
Object 属性名只能是string类型 代码在这里插入图片描述

创建一个map类型

new Map([[key, value],[key1, value1]
])

简单的介绍下面两个方法

  • Object.entries()方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对数组。
  • Object.fromEntries()方法是Object.entries()的逆操作,用于将一个键值对数组转为对象。

Object类型 转 Map类型

这里主要用到了Object.entries的特性,
Object.entries 返回一个二维数组,其中数组中的第一个值是key,第二个值是value

const obj = {a: '我是obj.a',b: '我是obj.b',c: '我是obj.c',
}
console.log(obj)
const map = new Map(Object.entries(obj))
console.log(map)
console.log(map.get('a'), '我是map 属性名')
console.log(map.get('b'), '我是map 属性名')

在这里插入图片描述

Map类型转Object类型

const arr = [1, 2, 3],obj = { a: '1', b: 2 },number = 22
const map = new Map()
map.set(arr, '我是map的第1个值,我是数组')
map.set(obj, '我是map的第2个值,我是对象')
map.set(number, '我是map的第3个值, 我是简单数据类型')
const newObj = Object.fromEntries(map.entries())
console.log(newObj, '我是新对象')
console.log('新对象类型', typeof newObj)

在这里插入图片描述


http://www.ppmy.cn/news/102573.html

相关文章

MyBatis-Plus 可视化代码生成器来啦,让你的开发效率大大提速!!

前言 在基于Mybatis的开发模式中,很多开发者还会选择Mybatis-Plus来辅助功能开发,以此提高开发的效率。虽然Mybatis也有代码生成的工具,但Mybatis-Plus由于在Mybatis基础上做了一些调整,因此,常规的生成工具生成的代码…

【独立版】智慧城市同城V4_2.2.7全开源全插件VUE版,修复房产信息组件商户发布二手房房源信息未和商户关联的问题

源码介绍 【独立版】智慧城市同城V4 查看更多关于 智慧城市同城V4 的文章 _2.2.7全开源全插件VUE版,修复房产信息组件商户发布二手房房源信息未和商户关联的问题! 智慧城市同城是一套专注于多城市生活服务同城技术解决方案,全面覆盖同堿信息、商家联盟、…

⑪【图自监督学习 · 图表示学习 · 图神经网络 · 时空图】链接预测 | 动态图 | 双注意力 | 时间戳 | GNN编码器 | 局部时空演化模式

生活不会否定任何人,就怕自己否定生活。失败是什么?没有什么,只是更走近成功一步,成功是什么?就是走过了所有通向失败的路,只剩下一条路,那就是成功的路。 🎯作者主页: 追光者♂🔥 🌸个人简介: 💖[1] 计算机专业硕士研究生💖 🌟[2] 2022年度…

spring事务管理详解和实例(事务传播机制、事务隔离级别)

目录 1 理解spring事务 2 核心接口 2.1 事务管理器 2.1.1 JDBC事务 2.1.2 Hibernate事务 2.1.3 Java持久化API事务(JPA) 2.2 基本事务属性的定义 2.2.1 传播行为 2.2.2 隔离级别 2.2.3 只读 2.2.4 事务超时 2.2.5 回滚规则 2.3 事务状态 3…

Android基础理解线程与进程

Android基础理解:进程与线程 Android中,当一个应用程序启动并且应用程序没有组件在运行时,系统会为应用程序创建一个新额单线程的进程。默认情况下,一个应用程序的所有组件都运行在同一个进程中,以及同一个 main 线程…

lazada平台商品价格API接口的参数说明

lazada.item_get 公共参数 申请调用KEY地址 名称类型必须描述keyString是调用key(必须以GET方式拼接在URL中)secretString是调用密钥api_nameString是API接口名称(包括在请求地址中)[item_search,item_get,item_search_shop等]c…

FDA辅料数据库-在线查询网址

在药物的制剂研发过程中,辅料是不可或缺的。然而,在使用辅料时需要明确其安全使用量,这并非易事。因此,美国FDA 辅料数据库(IID)成为了一个重要的参考标准,对于制剂开发提供了帮助。 如果研发人…

七人拼团系统开发模式,助力企业三个月新增超十万会员!

现在市场上最不缺的就是好产品,产品在市场上目前已经趋于饱和。要想让自己的产品或企业快速打入市场,最好的办法是结合好的营销模式,让企业快速起步裂变提升销量。现在就有这么一款模式,助力企业在三个月内就新发展了超十万会员&a…