当前位置: 首页 > Web前端 > HTML

ES6学习笔记中Set

时间:2023-04-02 11:57:51 HTML

Set的基本属性类似于数组,但是数组中的成员值是唯一的,没有重复值。Set本身是一个构造函数,用于产生一个数据结构letarr=[1,2,3,3,4,5,5,6,5];letcontent=newSet(arr);console.log(content)//1,2,3,4,5,6set实例及方法Set结构实例有以下属性构造函数默认为set函数:Set.prototype.constructor返回总数,Set.prototype.size可简写为Set。size操作方法和遍历方法add(value)delete(value)has(value)clear()Value返回集合本身删除一个值返回一个布尔值,表示删除是否成功返回一个布尔值,判断该值是否存在set清除所有set成员不返回值keys()values()entries()forEach()返回keyname的遍历器返回键值的迭代器返回键值对的迭代器使用回调遍历每个itemmap()filter()遍历返回一个新的数组对值进行过滤和过滤Array.from方法可以将Set结构转化为数组varitems=newSet([1,2,3,4,5]);vararray=Array.from(items);去重方法functionces(array){returnArray.from(newSet(array));}ces([......])//letarr=[1,2,2,3,4,3,6,5];让unique=[...newSet(arr)];遍历test//通用测试属性letset=newSet(['red','green','blue']);//依次替换set属性testfor(letitemofset.keys()){console.log(item);}//因为Set结构没有键名,只有键值(或者键名和键值是同一个值),所以键方法和值方法的行为是完全一样的相同。Set结构默认可以遍历对象,所以可以使用for...ofloop??遍历setfor(letxofset){console.log(x);}//扩展操作符(...)内部使用for。..of循环,所以也可以用于Set结构。让arr=[...设置];如果想在遍历的时候改变数组,有两种方式可以选择//??map()letset=newSet([1,2,3]);set=newSet([...set].map(val=>val*2));//set的值为2,4,6//Array.from()letset=newSet([1,2,3]);set=newSet(Array.from(set,val=>val*2));//set的值为2,4,6初稿~不断更新和添加注释