前端常用的js方法:map的常用方法和实际使用

本文探讨了前端开发中JavaScript的Map方法,强调其在数组元素修改中的重要性。介绍了Map的特性,如不会改变原数组,长度属性为size而非length,并通过实例展示了Map的创建和基础操作。此外,文章还详细讲解了如何利用Map进行数据去重,解释了Map长度不等于元素数量的原因。
摘要由CSDN通过智能技术生成

Map是一组键值对结构,具有极快的查找速度。

前端的小伙伴经常要对后端返回的数据进行修改,从而达到前端的需要。其中map是常用到的对数组元素进行修改的重要方法。

map() 方法定义在JavaScript的Array中,它返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。

需要注意的是:
1、map()函数不会对空数组进行检测;
2、map对象的长度不是length,而是size。
3、map()函数不会改变原始数组,它形成的是一个新的数组Map

  1. map创建方法1:
let newMap = new Map([
    ['a', 1],
    ['b', 2],
    ['c', 3],
    ['x', 1],
    ['y', 2],
    ['z', 3],
])
console.log('newMap.size', newMap.size)
console.log('newMap', newMap)

在这里插入图片描述

map创建方法2:

let newMap = new Map();
newMap.set('a', 1);
newMap.set('b', 2);
newMap.set('c', 3);
newMap.set(
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值