Einführung in das Festlegen von Objekten in JavaScript (mit Beispielen)

Dieser Artikel bietet Ihnen eine Einführung in das Set-Objekt in JavaScript (mit Beispielen). Freunde in Not können darauf verweisen.

1. Erstellen Sie eine Set-Objektinstanz

Mit dem Set-Objekt können Sie einen eindeutigen Wert eines beliebigen Typs speichern, unabhängig davon, ob es sich um einen Grundwert oder ein Objekt handelt Referenz

1. Konstruktor

Syntax: new Set([iterable])
Parameter:
iterable Wenn ein iterierbares Objekt übergeben wird, werden alle seine Elemente dem neuen hinzugefügt Set; Wenn dieser Parameter nicht angegeben ist oder sein Wert null ist, ist das neue Set leer

    let arr = [1,2,2,3];
    let mySet = new Set(arr);
    console.log(mySet); // Set(3) {1, 2, 3}

2. Set-Instanzattribut

1.size-Attribut wird zurückgegeben das Set-Objekt Die Anzahl der Elemente in

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5);
    mySet.add("some text");
    console.log(mySet.size); // 3

3. Set-Instanzmethode

1.add()-Methode wird verwendet, um einen angegebenen Wert am Ende von a hinzuzufügen Set-Objekt

Syntax: mySet.add(value)

Parameter: value Erforderlich, der Wert des Elements, das dem Set-Objekt hinzugefügt werden muss

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5).add("some text"); // 可以链式调用

    console.log(mySet); // Set [1, 5, "some text"]

2. Die delete()-Methode kann von einem Set-Objekt aus verwendet werden. Löschen Sie das angegebene Element.

Syntax: mySet.delete(value)

Parameter: value Das zu löschende Element.

Rückgabe Wert: Gibt true zurück, wenn das Löschen erfolgreich war, andernfalls wird false zurückgegeben

    let mySet = new Set();
    mySet.add("foo");
    mySet.delete("foo"); // 返回 true，删除成功
    console.log(mySet.size); // 0

3.clear()-Methode wird verwendet, um alle Elemente in einem Set-Objekt zu löschen

Syntax: mySet.clear()

    let mySet = new Set();
    mySet.add(1);
    mySet.add("foo");
    console.log(mySet.size);       // 2

    mySet.clear();
    console.log(mySet.size);       // 0

4.has()-Methode gibt einen booleschen Wert zurück, um anzugeben, ob der entsprechende Wertwert im Set-Objekt vorhanden ist

Syntax: mySet.has(value)

Parameter:

Wert Erforderlich, ob der Wert im Set vorhanden ist

Rückgabewert: Wenn der angegebene Wert im Set-Objekt vorhanden ist, geben Sie true zurück, andernfalls geben Sie false zurück

    let mySet = new Set();
    mySet.add("foo");

    console.log(mySet.has("foo"));  // true
    console.log(mySet.has("bar"));  // false

5.entries ()

Syntax: mySet. Einträge()

Rückgabewert: ein neues Array-Iteratorobjekt, das die Form [Wert, Wert] enthält, Wert ist jedes Element in der angegebenen Sammlung und die Reihenfolge der Elemente des Iteratorobjekts sind die Elemente im Sammlungsobjekt. Einfügereihenfolge

    let mySet = new Set();
    mySet.add("foobar");
    mySet.add(1);
    mySet.add("baz");

    let setIter = mySet.entries();

    console.log(setIter.next().value); // ["foobar", "foobar"]
    console.log(setIter.next().value); // [1, 1]
    console.log(setIter.next().value); // ["baz", "baz"]

6.values()

Syntax: mySet.values() oder mySet.keys()

Rückgabewert: Gibt ein Iterator-Objekt zurück. Dieses Objekt enthält jedes Element im ursprünglichen Set-Objekt in der Reihenfolge, in der das Set-Objekt eingefügt wird

    let mySet = new Set();
    mySet.add("foo");
    mySet.add("bar");
    mySet.add("baz");

    let setIter = mySet.values();
    console.log(setIter.next().value); // "foo"
    console.log(setIter.next().value); // "bar"
    console.log(setIter.next().value); // "baz"

7.forEach()

Syntax: mySet .forEach(callback[, thisArg])

Parameter:
Callback-Funktion, die für jedes Element ausgeführt wird
thisArg Beim Ausführen der Callback-Funktion kann sie als

    let mySet = new Set(["foo","bar",undefined]);
    mySet.forEach((value1,value2,set) => {
        console.log("key =",value1,",value =",value2); // key = foo ,value = foo
    });

Das obige ist der detaillierte Inhalt vonEinführung in das Festlegen von Objekten in JavaScript (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!