Home>Article>Web Front-end> How to add elements to the set collection in es6

How to add elements to the set collection in es6

青灯夜游
青灯夜游 Original
2023-01-11 17:28:14 1848browse

The set collection of es6 can use the add() method to add elements. Set is a data structure with a structure similar to an array and has no duplicate values; its built-in add() method can add elements to the set, the syntax is "set.add(value);", and the Set structure will be returned after the addition is completed. itself.

How to add elements to the set collection in es6

The operating environment of this tutorial: Windows 7 system, ECMAScript version 6, Dell G3 computer.

Set collection: It is a data structure with a structure similar to an array and has no duplicate values. Mainly used for array deduplication and string deduplication.

1. Operation method

(1) add(): add value and return the Set structure itself

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])

How to add elements to the set collection in es6
(2) delete(): delete the value, return a boolean to indicate whether the deletion is successful (3) has(): determine whether the value exists, and return a 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)

How to add elements to the set collection in es6
(3) has(): Determine whether the value exists and return a 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(): Clear all values. No return value

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

2. Traversal method:

(1) Since Set only has key values and no key names, it can also be said that the key and The value is the same (the key and value are the same and can be omitted), so the return values of keys and values are the same

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) }

How to add elements to the set collection in es6
(2) forEach():

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

How to add elements to the set collection in es6
(3) Set can accept an array as a parameter:

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

How to add elements to the set collection in es6
(4) Set implements union and intersection:

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 }

How to add elements to the set collection in es6

【Related recommendations:javascript video tutorial,programming video

The above is the detailed content of How to add elements to the set collection in es6. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn