VorwortArrays sind eine spezielle Art von Objekten. In js gibt es kein echtes Array, es werden lediglich Objekte verwendet, um Arrays zu simulieren. Die gleiche Methode zum Anzeigen von Objekteigenschaften gilt auch für Arrays. Es ist erwähnenswert, dass der Array-Indextyp eine Zeichenfolge und keine Zahl ist. Der Unterschied zwischen typischen Arrays und JS-Arrays Typische Array-Funktionen ähnlich denen in C/C++ sind wie folgt:
js-Array
Die obige Abbildung veranschaulicht den letzten Punkt: Ein Array kann jeden beliebigen Schlüssel haben. Um zu beweisen, dass der Index eines Arrays eine Zeichenfolge ist, verwenden Sie Erstellen eines ArraysEs gibt zwei Möglichkeiten, ein Array zu erstellen: sei arr = [1,2,3] lass arr = neues Array(1,2,3) Konvertieren Sie Zeichenfolge in Array split() Array.from() Es gibt zwei Möglichkeiten, einen String in ein String-Array umzuwandeln. Pseudo-ArrayEin Array ohne gemeinsame Attribute eines Arrays ist ein Pseudo-Array (es gibt keinen Prototyp eines Arrays in der Prototypenkette eines Pseudo-Arrays). Es gibt keine Push-, Pop- und anderen Methoden im Pseudo-Array (wie man an Nach der Konvertierung können Sie erfolgreich pushen. Zwei Arrays zusammenführen
Diese Methode ändert das ursprüngliche Array nicht. sei arr1 = [1,2,3] sei arr2 = [4,5,6] arr1.concat(arr2) // [1,2,3,4,5,6] arr1//[1,2,3] arr2//[4,5,6] Abfangen eines Arrays
Diese Methode ändert das ursprüngliche Array nicht. sei arr = [1,2,3,4,5,6] arr.slice(3) //[4,5,6] arr//[1,2,3,4,5,6] Löschen von Array-Elementen Löschen des Kopfelements: sei arr = [1,2,3,4,5,6] arr.verschiebung() // 1 arr//[2, 3, 4, 5, 6] Löschen des Tail-Elements: sei arr = [1,2,3,4,5,6] arr.verschiebung() // 6 arr//[1, 2, 3, 4, 5] Löschen Sie die Mitte: sei arr = [1,2,3,4,5,6,7,8,9] //Element 4 löschen arr.spleiß(3,1)//4 arr//[1, 2, 3, 5, 6, 7, 8, 9] sei arr = [1, 2, 3, 5, 6, 7, 8, 9] //Lösche Index 3 und addiere 3,5 und 4 arr.splice(2,1,3.5,4) // 3 arr//[1, 2, 3,5, 4, 6, 7, 8, 9] Array-Elemente anzeigenEigenschaften anzeigen
sei arr = [1,2,3,4,5] arr.x='xxx' Objekt.keys(arr) //["0", "1", "2", "3", "4", "x"] Objekt.Werte(arr) // [1, 2, 3, 4, 5, "xxx"]
Elemente anzeigen, die nur Zahlen enthalten Überprüfen Sie, ob sich ein Element im Array befindet sei arr = [1,2,3,4,5,6] arr.indexOf(2) // 1 arr.indexOf(7) // 0 Suchen von Elementen mithilfe von Bedingungen //Finde das erste gerade Element let arr=[1,2,3,4,5,6] arr.find(Artikel=>Artikel%2===0)//2 //Finde den ersten geraden Index let arr=[1,2,3,4,5,6] arr.findIndex(Artikel=>Artikel%2===0)//1 Hinzufügen von Elementen zu einem Array Am Ende hinzufügen: sei arr = [3,4,5,6] arr.drücken(7,8,9) arr//[3,4,5,6,7,8,9] Header-Ergänzung: sei arr = [3,4,5,6] arr.unshift(1,2,3) arr//[1, 2, 3, 3, 4, 5, 6] In der Mitte hinzufügen: sei arr = [1,2,3,4,5,6,7] //Addiere 3.33,3.44 zur Position mit Index 2 arr.splice(2,0,3.33,3.44) // [1, 2, 3.33, 3.44, 3, 4, 5, 6, 7] ZusammenfassenDamit ist dieser Artikel über die grundlegende Verwendungsübersicht von JS-Arrays abgeschlossen. Weitere relevante Inhalte zur Verwendung von JS-Arrays finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 winx64
>>: So konfigurieren Sie MySQL auf einem Ubuntu 16.04-Server und aktivieren die Remote-Verbindung
Einführung Aufgrund der zunehmenden Popularität v...
Die vollständigen Schritte zur Konfiguration des ...
Erneutes Mounten des Datenträgers nach dem Initia...
Betriebssystem: Ubuntu 17.04 64-Bit MySQL-Version...
Wie oben gezeigt ist die Navigation oben fixiert ...
In der vorherigen Entwicklung haben wir die Stand...
Auch „Tik Tok“ erfreut sich großer Beliebtheit un...
CSS-Schrifteigenschaften definieren die Schriftfa...
1. Überprüfen Sie den Firewall-Status Überprüfen ...
Was ist ein Generator? Ein Generator ist ein Code...
border-radius: CSS3 abgerundete Ecken Syntax: bor...
In diesem Artikelbeispiel wird der spezifische Co...
Herzlichen Glückwunsch, dass Sie Ihren Chef endli...
Problembeschreibung html <iframe id="h5In...
Hinweis: Es wird empfohlen, dass der Speicher der...