ES6新增数据结构Set和Map

469 阅读1分钟

1:set

类似于数组,但它的成员是唯一的 相当于只要拥有对象,就不会再接受第二个对象,里面所有都是唯一的

const s=new Set();
s.add(1).add(2).add(3).add(2);
//【1.2.3】

进行数组去重

var arr2=[1.2.3.3.12.5.7.23.6.1]
var arr3=[..new Set(arr2)]
[..xx]es6中拓展运算符,转换数组

2:map

类似于对象,以键值对存在,但它的键可以是任意类型 类似于 一个人,他的对象可以是同类,同性,异性,异种族,啊,跨越所有的爱情啊

const m=new Map();
m.set('名字''值')
m.set('name''amy').('age''18')

es6中新增了for of 可用之遍历


for(let[key,value]of m){

}

可用来做留言板之类的,非常方便


$(funtion(){
//提交留言
const m=new Map();
$(".submit").click(()=>{
let _name=$("..name").val();
_msg=$(".message").val();

m.set(' _name','_msg');
listShow();
});
//展示留言
let listShow=()=>{
let str=""
for(let[key,value]of m){
str+=`<li class="list">${key}<span>说:</span>${value}</li>`
}
$(".messageList").html(str);
}


})

ps:set和map都是对象