set用法详解

  1. ES6中的Set是一种新的数据结构,类似于数组,用于存储有序的数据。

  2. Set没有随机访问的能力,不能通过索引来获取具体的某个元素

  3. Set中的元素具有唯一性,不允许存储相同的元素。

  • Set本身是一个构造函数,可以用来实例化Set对象。

  • 通过add()方法可以向Set中添加元素,如果添加的元素已经存在,Set会自动忽略该元素。

  • delete()用于删除元素,

  • setData.size用于获取Set对象的大小(相当于数组的长度),

  • clear()用于清空数据,

  • has()用于判断Set对象中是否存在某个值等。

  • Set对象可以用来进行各种集合操作,例如交集、差集等,具有自动去重唯一性的特点。

 

      //1.声明方式
      let arr = new Set();
      arr.add({ name: "zooey", age: 19 });
      arr.add(20);
      //2.查看元素长度
      const size = arr.size;
      //2.1查看是否有这个元素,可以跟delete配合使用
      console.log(arr.has(20), size);
      //3.根据元素值进行删除
      arr.delete(20);
      //4.重复的元素只会add 1次
      arr.add(3);
      arr.add(3);
​
      arr.add({ name: "zooeyan", age: 19 });
      console.log(arr);

 

 


 

小练习: 数组去重+取交集+取并集+取差集

    
     let arr1 = [1, 3, 4, 4, 5, 7, 7, 9, 10],
        arr2 = [2, 4, 6, 8, 8, 10];
      //1.利用set进行去重  将arr转化为set
      let setArr1 = new Set(arr1);
      let setArr2 = new Set(arr2);
      console.log(setArr1, setArr2); //Set(7) {1, 3, 4, 5, 7,9, 10}  Set(5) {2, 4, 6, 8, 10}
//2.进行比较 -取交集
      const targetArr = [];
      for (const it of setArr2) {
        if (setArr1.has(it)) targetArr.push(it);
      }
      console.log(targetArr); //[4, 10]
      //2.进行比较 -取并集
      const tempArr = [];
      for (const it of setArr2) {
        if (!setArr1.has(it)) tempArr.push(it);
      }
      const bArr = [...tempArr, ...setArr1];
      console.log(bArr); //[2, 6, 8, 1, 3, 4, 5, 7, 9, 10]
//3.进行比较 -取差集 arr1-arr2
      const cArr = [];
      for (const it of setArr1) {
        if (!setArr2.has(it)) cArr.push(it);
      }
      console.log(cArr); // [1, 3, 5, 7, 9]

 

官方是这样做的,更简洁一些

// 可以通过如下代码模拟求交集
const intersection = new Set([...mySet1].filter((x) => mySet2.has(x)));

// 可以通过如下代码模拟求差集
const difference = new Set([...mySet1].filter((x) => !mySet2.has(x)));

 

此外,还有entries()、values()、keys()

 let collection = new Set([
        { name: "zooey", age: 18 },
        { name: "anan", age: 19 },
        { name: "bobo", age: 20 },
      ]);
      //1.entries()
for (const [key, value] of collection.entries()) {
        console.log(key, value); //key: {name: 'zooey', age: 18} value: {name: 'zooey', age: 18}
      }
      //2.keys()
for (const item of collection.keys()) {
        console.log(item); // {name: 'zooey', age: 18}
      }
​
      //3.values()
      for (const item of collection.values()) {
        console.log(item); // {name: 'zooey', age: 18}
      }

 

 

热门相关:大明武夫   重生隐婚:Hi,高冷权少!   鬼王绝宠:逆天废材妃   少林武僧在异界   陆爷的小祖宗又撩又飒