Set数据结构基本介绍

roseying 2020-01-08

构造

const set = new Set([1, 2, 3, 4, 4]);

 可接受的参数为所有具有iterable 接口的数据  

特性:

 类似数组,无重复值。

const set = new Set([1, 2, 3, 4, 4]);
[...set] //1,2,3,4

 注意点:

       1.成员值之间的重复值判断类似于‘===’,但是多个NaN会被判断为相等

const set = new Set([1,NaN, NaN, 4, ‘4‘]);
console.log(...set)

Set数据结构基本介绍

      2.两个对象总不相等 

const set = new Set([{}, {},{name:‘shyno‘},{name:‘shyno‘}]);
console.log(...set)

Set数据结构基本介绍  

     3.无键只有值

const arr = [1,2,2,3,4,5,5,6]
let obj = {name:‘shyno‘}
const set = new Set(arr);
const setArr = Array.from(set)
console.log(Object.keys(arr),Object.keys(obj),Object.keys(set))

Set数据结构基本介绍

          (可以看出set的键是空的)

  4.Set并不是数组

const set = new Set([{}, {},{name:‘shyno‘},{name:‘shyno‘}]);
document.write(set[0])               //undefined
console.log(set.concat([1,2]))     //set.concat is not a function 

         (1)Set可以用于数组去重,但是,需要把Set再转成数组

const set = new Set([1,2,3,3,4,4,5]);
const arr = Array.from(set)
console.log(arr[0],arr.concat([‘1‘,‘2‘]))

Set数据结构基本介绍

(2)Set也可以用于字符串去重

const set = new Set(‘aabbccdee‘);
const arr = Array.from(set)
console.log(arr[0],arr.concat([‘1‘,‘2‘]))

Set数据结构基本介绍  

(3)其他具有iterable 接口的数据也可以用这种方法去掉重复的值

属性和方法

      构造函数:Set.prototype.constructor

console.log(Set.prototype.constructor)

Set数据结构基本介绍

长度/尺寸/成员总数:Set.prototype.size

const arr = [1,2,2,3,4,5,5,6]
const set = new Set(arr);
const setArr = Array.from(set)
console.log(‘原数组长度‘,arr.length,‘set的成员总数‘,set.size,‘set转数组之后的长度‘,setArr.length)

Set数据结构基本介绍

        添加成员:add()------添加某个值,返回 Set 结构本身

const arr = [1,2,2,3,4,5,5,6]
const set = new Set(arr);
set.add(2)
const setArr = Array.from(set)
console.log(set,set.add(‘shyno‘))

Set数据结构基本介绍

      (注意这里打印出来的结果一样,说明它的返回值就是set自身)

                重复的不加,不同的数据类型也可以加

删除成员:delete()------删除某个值,返回一个布尔值,表示删除是否成功

const arr = [1,2,2,3,4,5,5,6]
const set = new Set(arr);
const setArr = Array.from(set)
console.log(set)
console.log(set .delete(2))
console.log(set)
console.log(set .delete(2))

Set数据结构基本介绍

     (set无重复值,所以同样的操作,只有第一次会成功)

判断存在否:has(value)-----返回一个布尔值,表示该值是否为Set的成员

const arr = [1,2,2,3,4,5,5,6]
const set = new Set(arr);
const setArr = Array.from(set)
console.log(set)
console.log(set .has(2))
console.log(set .delete(2))
console.log(set .has(2))
console.log(set)

Set数据结构基本介绍

Set数据结构基本介绍

     (这里明明打印set的时候没有2,但是has(2)确实true,删除操作后得到了false)

清空成员:clear()-----清除所有成员,没有返回值

const arr = [1,2,2,3,4,5,5,6]
const set = new Set(arr);
const setArr = Array.from(set)
console.log(set)
console.log(set .clear())
console.log(set .delete(2))
console.log(set.add(2))
console.log(set .has(2))
console.log(set)

Set数据结构基本介绍

相关推荐