Einführung in die Verwendung von Set in ES6 (Codebeispiel)

Dieser Artikel bietet Ihnen eine Einführung in die Verwendung von Set in ES6 (Codebeispiele). Ich hoffe, dass er für Freunde hilfreich ist.

Übersicht

Set ist eine neue Datenstruktur, die ähnliche Funktionen wie andere Sprachen aufweist. Als Set in js verfügt es natürlich immer noch über einige Funktionen, die zu js gehören.

Initialisierung

new Set([iterable]);

Das Initialisieren eines Satzes hat einen optionalen Parameter. Dieser Parameter muss ein iterierbares Objekt sein, einschließlich String, Array, Array-ähnliches Objekt (Argumente, NodeList), typisiertes Array. Festlegen, Zuordnen und benutzerdefinierte iterierbare Objekte

String

new Set('1234') // Set(4) {"1", "2", "3", "4"}

Array

new Set([1,2,3,4]) // Set(4) {1, 2, 3, 4}

Argumente

function sum(){
  return new Set(arguments)
}
sum(1,2,3,4)  // Set(4) {1, 2, 3, 4}

Set

new Set(new Set([1,2,3,4])) // Set(4) {1, 2, 3, 4}

Werte hinzufügen

Nachdem Sie einen Satz initialisiert haben, können Sie ihm weiterhin Werte hinzufügen

let set=new Set()
set.add(1)
set.add(1)
set.add(1)
console.log(set) // Set(1) {1}

Mit dieser Funktion können Sie viele Dinge tun, z. B. doppelte Werte filtern

new Set([1,1,2,3]) // Set(3){1,2,3}

Aber Hinweis dass zwei identische Objektliterale unterschiedliche Objekte mit unterschiedlichen Referenzen sind, sodass Set zwei Objekte mit unterschiedlichen Referenzen nicht als gleich markieren kann, selbst wenn sie gleich zu sein scheinen

let a={num:1}
let b={num:1}
console.log(a===b) //false
new Set(a, b)// Set(2){{num:1},{num:2}}
let c=a
console.log(c===a)//true
new Set(a,c)// Set(1){{num:1}}

Bestimmen Sie, ob es

let set=new Set([1,2,3])
set.has(1) // true
set.has(4) //false

enthält

Menge abrufen

let set=new Set([1,2,3])
set.size //3

Löschen

let set=new Set([1,2,3])
set.delete(1)// true
set.delete(1)// false

Löschen

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

Traverse

let set=new Set([1,2,3])
set.forEach((s)=>{console.log(s)})
// 1
// 2
// 3

Iterator abrufen

let set=new Set([1,2,3])
let entries=set.entries()
console.log(entries.next().value) // [1,1]
console.log(entries.next().value) // [2,2]
console.log(entries.next().value) // [3,3]
console.log(entries.next().value) // undefined

for(let item of set){
    console.log(item)
}
// 1
// 2
// 3

Schlüsseliterator abrufen

let set=new Set([1,2,3])
let keys=set.keys()
console.log(keys.next().value) // 1
console.log(keys.next().value) // 2
console.log(keys.next().value) // 3
console.log(keys.next().value) // undefined

for(let {key} of set){
    console.log(key)
}
// 1
// 2
// 3

Wert-Iterator abrufen

let set=new Set([1,2,3])
let values=set.values()
console.log(values.next().value) // 1
console.log(values.next().value) // 2
console.log(values.next().value) // 3
console.log(values.next().value) // undefined

for(let {value} of set){
    console.log(value)
}
// 1
// 2
// 3

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von Set in ES6 (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!