Map对象应用(数组对象去重)

本文介绍了如何利用Map对象进行JavaScript数组去重,重点在于Map的has()、get()和set()方法的使用。同时,探讨了for...in与for...of循环的区别,强调for...of在遍历数组和Map等数据结构时的优势。
摘要由CSDN通过智能技术生成

1、使用Map对象

重复的值以最后一个为准

var arr = [
	{id: '1',key: '1',value: '明月'}, 
	{id: '3',key: '2',value: '可欣'}, 
	{id: '2',key: '3',value: '小红'}, 
	{id: '1',key: '1',value: '小馨'}, 
	{id: '1',key: '2',value: '小静'}
];

var map = new Map();
for (let item of arr) {
    map.set(item.id, item);//map.set( a, b),将b赋予a
 }
 arr = [...map.values()]

map值
在这里插入图片描述
去重后数组
在这里插入图片描述

1.1扩展

for…in 循环主要是为了遍历对象而生(直接拿到对象的属性名,再根据属性名获取属性值),不适用于遍历数组(拿到的是数组对象的下标)
for…of 循环可以用来遍历数组(直接获取数组的值)、类数组对象,字符串、Set、Map 以及 Generator 对象
在这里插入图片描述

1.2扩展

1.map.has()返回的是布尔类型,判断是否存在该值
2.map.get()返回了该值在数组中的下标
3.map.set( a, b),将b赋予a

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值