ES6数据类型Map&Set

本文介绍了JavaScript中Map和Set两种数据结构的使用方法,包括如何创建、操作(如遍历、添加、删除)以及它们在对象遍历和去重中的作用。重点讲解了Object.entries和forEach方法的应用。

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

Map类型
在js中我们经常会遇到需要遍历对象的场景,Map类型可以帮助我们实现对象的遍历
首先我们需要将对象存储到Map类型中

const obj = {
  name: "zhangsan",
  age: 18,
  sex: "女"
};
const myMap = new Map(Object.entries(obj));

这里我们用到Object.entries方法迭代对象
因为Map类型中提供了forEach方法,此时我们就可以实现对象的遍历

myMap.forEach((item, index) => {
	// item -> value
	// index -> key
});

Map方法

attribute描述
clear从Map对象中删除所有键/值对
delete从Map对象中删除某一键/值对
forEach遍历Map对象
get通过key获取value
has判断Map对象中是否存在某一值
set向Map类型中添加某一值,覆盖Map类型中的某一值
size只读属性,Map对象中key的数量

在 CodeSendbox 中尝试

Set类型
Set类型是一个没有重复内容的数组

const arr = [1, 2, 3, 1];
const mySet = new Set(arr); // [1, 2, 3]

由于Set类型不能只接使用Array方法,所以需要使用Array.from()转换成Array类型

Array.from(mySet);

Set方法

attribute描述
add向Set类型中添加某一值
clear删除Set类型中的所有元素
delete删除Set类型中的某一元素
forEach遍历Set数组
has判断Set对象中是否存在某一元素
size只读元素,Set对象中元素的数量

在 CodeSendbox 中尝试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值