首頁  >  文章  >  web前端  >  es6的set集合怎麼增加元素

es6的set集合怎麼增加元素

青灯夜游
青灯夜游原創
2023-01-11 17:28:141949瀏覽

es6的set集合可以使用add()方法來增加元素。 Set集合是一種資料結構,結構類似數組,且沒有重複的值;其內建的add()方法可以為集合添加元素,語法“set.add(值);”,添加完成後會返回Set結構本身。

es6的set集合怎麼增加元素

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

Set集合:是一種資料結構,結構類似數組,且沒有重複的值。主要用於數組去重,字串去重。

1、操作方法

(1)add():新增值,傳回Set結構本身

let set = new Set()
set.add(1);
console.log(set);
set.add(1).add(2).add(1)
console.log(set)
//注:拓展运算符 (...)可以将Set值扩展出来
console.log(...set)
console.log([...set])

es6的set集合怎麼增加元素
(2) delete():刪除值,冰回傳一個boolean表示是否刪除成功(3)has():判斷該值是否存在,並傳回一個Boolean

let set = new Set()
set.add(1).add(2);
let a = set.delete(1);
console.log(set)
//注:拓展运算符 (...)可以将Set值扩展出来
console.log(...set)
console.log(a)
set.delete(3)
console.log(...set)

es6的set集合怎麼增加元素
# (3)has():判斷該值是否存在,並傳回一個Boolean

let set = new Set()
set.add(1).add(2);
let a = set.has(1);//true
let b = set.has(3);//false
console.log(a,b)

(4)clear():清除所有值。沒有回傳值

let set = new Set();
set.add(1).add(2);
set.clear();
console.log(set,[...set]);//Set(0){} []

2、遍歷方法:

(1)由於Set只有鍵值沒有鍵名,也可以說鍵和值是同一個(鍵、值相同,可以省略),所以keys和values的回傳值相同

let set = new  Set();
set.add(1).add(2).add(3)
for(let i of set.keys()){   //keys遍历
    console.log(i)
}
for(let i of set.values()){ //values遍历
    console.log(i)
}
set.add('hello').add('world');
for( let i of set.entries() ){ //打印键值对
    console.log(i) 
}

es6的set集合怎麼增加元素
(2)forEach():

let set = new Set();
set.add('hello').add('world');
set.forEach((key,val)=>{
    console.log(key + '||' + val)
})

es6的set集合怎麼增加元素
(3)Set可以接受一個陣列作為參數:

let arr = ['小红','小明','小强','小明'];
let set = new Set(arr);
console.log(...set)

es6的set集合怎麼增加元素
(4)Set實現並集與交集:

let arr = [4,5,6];
let list = [5,6,7];
let setA = new Set(arr);
let setB = new Set(list);
//并集 :集合A与集合 B的并集A U B
let bj = new Set([...setA,...setB])
console.log(bj)// 返回Set结构 Set(4) {4,5,6,7}
//交集:集合A 与 集合B 的交集 A ∩ B
let jj = new Set([...setA].filter(val => setB.has(val)))//通过 filter拿到符合条件的值
console.log(jj)//Set(2) { 5, 6 }

es6的set集合怎麼增加元素

################################################# #####【相關推薦:###javascript影片教學###、###程式設計影片###】###

以上是es6的set集合怎麼增加元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn