Heim > Web-Frontend > js-Tutorial > Hauptteil

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

不言
Freigeben: 2018-10-18 16:51:49
nach vorne
7176 Leute haben es durchsucht

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}
Nach dem Login kopieren

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
Nach dem Login kopieren

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"]
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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"]
Nach dem Login kopieren

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"
Nach dem Login kopieren

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
    });
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage