ES6之 new Map()

Map是ES6提供的数据结构,它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

属性和操作方法

1、size属性

返回Map结构数据的总条数;

var obj = new Map([['name', 'tom'], ['age', 12], ['sex', '男']]);
console.log(obj.size);        //3

2、set(key, value)

set方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就生成新的键。也可以采用链式写法。

//采用写法
var obj = new Map();
obj.set("age", 12);            // 键是字符串
obj.set(0, "num");             // 键是数值
obj.set(undefined, "abc");     // 键是undefined

//链式写法
var map = new Map().set(1, 'a').set(2, 'b').set(3, 'c');

console.log(obj);
console.log(map);

 3、get(key)

get方法读取key对应的键值,如果找不到key,返回undefined。

var obj = new Map();
obj.set("hello", '您好');
obj.get("hello");            //您好
obj.get("abc");              //undefined

4、has(key)

has方法返回一个布尔值,表示某个键是否在Map数据结构中。

var obj = new Map();
obj.set("hello", '您好');
obj.has("hello");            //true
obj.has("abc");              //fasle

5、delete(key)

delete方法删除某个键,返回true。如果删除失败,返回false。
 

var obj = new Map();
obj.set("hello", '您好');
obj.has("hello");              //true
console.log('删除hello', obj.delete("hello"));    //true
console.log('删除abc', obj.delete("abc"));        //false
obj.delete("hello")
obj.has("hello");              //fasle

6、clear()

clear方法清除所有数据,没有返回值。

var obj = new Map();
obj.set("hello", '您好');
obj.clear();
console.log(obj)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: ES6中的Set和Map是两种新增的集合类型。Set是一种无重复值的集合,可以通过new Set()来创建。它具有add方法用于向集合中添加元素,has方法用于判断集合中是否存在某个元素,clear方法用于清空集合。Set也可以用于数组去重,通过new Set(\[...\])的方式将数组转换为Set,利用Set的特性去除重复值。\[1\] Map是一种键值对的集合,可以通过new Map()来创建。它具有set方法用于向集合中添加键值对,get方法用于获取指定键名对应的值,has方法用于判断集合中是否存在某个键名,clear方法用于清空集合。Map的键名可以是任意数据类型,包括引用值,但需要注意的是,引用值作为键名时,需要使用相同的引用地址才能获取到对应的值。\[2\] Set和Map都可以使用for...of循环或forEach方法进行遍历。在Set中,forEach的第二个参数是集合的元素,因为Set中不存在下标。而在Map中,forEach的第一个参数是键值对的值,第二个参数是键值对的键名。\[3\] 总结来说,Set和MapES6中新增的集合类型,Set用于存储无重复值的集合,Map用于存储键值对的集合。它们提供了一些方法来操作集合,如添加、获取、判断是否存在等。在使用时需要注意它们的特性和方法的使用方式。 #### 引用[.reference_title] - *1* *2* [ES6中的Map和Set详解](https://blog.csdn.net/m0_45093055/article/details/126430467)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [ES6中的set与map](https://blog.csdn.net/weixin_44247866/article/details/127561391)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值