js set方法

js set方法有哪些？一起来看下吧：

js set方法总结：

1、创建Set；

（1）new Set()方式创建

let v = new Set()

（2）通过传入数组方式创建

let v = new Set([1,2,3,3,5])

2、添加元素；

使用add方法

let v = new Set() v.add(1)

3、删除元素；

使用delete方法

let v = new Set() v.add(1) v.add(5) v.delete(5)

4、获取Set中元素个数；

使用size

let v = new Set() v.add(1) v.add(5) v.size

5、判断Set中是否包含某个元素；

使用has方法

let v = new Set() v.add(1) v.add(5) v.has(5)

6、遍历Set；

（1）forEach形式

let v = new Set() v.add(1) v.add(5)   v.forEach(t=>{     console.log(t) })

（2）for of形式

let v = new Set([1,2,3,3,5])     for(let t of v) {     console.log(t) }

7、Set转换成数组。

使用 Array.from 方法

let v = new Set([1,2,3,3,5]) let a = Array.from(v)

const nums = [1,2,3,4,3,2,1]

uniq1 = [...new Set(nums)]

uniq2 = Array.from(new Set(nums))

定义：新数据结构Set，类似于数组，但成员值不重复

使用： new Set()

ps：New Set() 接受一个数组或类数组对象,在Set内部， NAN相等，两个对象不等，可以用length检测，可以用for...of遍历

size：返回值的个数

add(val)：添加值，返回set结构；

delete(val)：删除值，返回布尔值

has(val)：是否包含，返回布尔值

clear()：清除所有成员，无返回值

与set类似，也是不重复值的集合

与set的区别：1.weakset 成员只能是对象，对象都是弱引用，垃圾回收机制不考虑，不可遍历

定义：类似于对象，也是键值dui的集合，但键可以是各种类型（键可以为对象），两个键严格相等才为同一个键。

Var m = new Map(), o = {1:2}

m.set(o, ‘hi’)

m.get(o)

m.has(o) //只有对同一个对象的引用才是同一个键

size：返回值的个数

set(key, val)：添加值，返回Map结构；

Get(key): 获取值，返回val

Has(key)：是否包含，返回布尔值

Delete(key)：删除值，返回布尔值

Clear()：清除所有成员，无返回值

定义：把泪数组对象和有iterator接口的对象(Set Map Array)转化为数组

使用：Array.from(arrayLike[, mapFn[, thisArg]]) 参数：类数组，处理函数map，map中的this指向的对象

Array.from([1, 2, 3, 4, 5], (n) =>n + 1) // 每个值都加一

const map = new Map()

map.set(‘k1’, 1)

map.set(‘k2’, 2)

Const a = Array.from(map) // [[‘k1’,1], [‘k2’, 2]]

const set1 = new Set()

Set1.add(1).add(2).add(3)

Var a = Array.from(set1) // [1,2,3]

console.log('%s', Array.from('hello world’)) //["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d"]

console.log('%s', Array.from('\u767d\u8272\u7684\u6d77’)) //["白", "色", "的", "海"]

var a = {0:1, 2:3, 4:5, length: 5}var b = {0:1, 2:3, 4:5, length: 3}

Array.from(a) // [1,undefined,3,undefined,4]

Array.from(b) // [1,undefined,3]

1、新建一个html文件，命名为test.html。

2、在test.html文件内，在p标签内，使用input标签创建两个数字输入框，并分别设置其id为num1，num2，主要用于下面通过该id获得input对象。

3、在test.html文件内，使用button标签创建一个按钮，按钮名称为“相加”。

4、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行numsum（）函数。

5、在js标签中，创建一个名称为jia（）的函数，它的参数分别为a和b，在函数内，通过return返回a参数与b参数相加后的值。

6、在浏览器打开test.html文件，输入数字，点击按钮，查看结果。

---