Lernen Sie die gängigen Methoden und Techniken in JS-Arrays und werden Sie ein Meister

splice() Methode

Array abfangen und ersetzen

Der erste Parameter ist die Startposition, der zweite die Anzahl der Abfangvorgänge und der dritte das zu ersetzende Element. Der Rückgabewert ist das abgefangene Element und das ursprüngliche Array sind die verbleibenden Elemente.

join() Methode

Array in Zeichenfolge

Welche Zeichenfolge wird in () zum Verbinden verwendet? Wenn Sie eine leere Zeichenfolge eingeben, wird join('') direkt verkettet, ohne aufzuteilen.

Zum Beispiel:

sei aaa = [1,2,3]
lass bbb = aaa.join('-')  
lass ccc = aaa.join('0')  
console.log(bbb) // '1-2-3'
console.log(ccc) //'10203'

reverse() Methode

Ein Array umdrehen

arr.reverse() kehrt das Array um und der Rückgabewert ist das umgekehrte Array

every() Methode

Suchen Sie nach Arrays, die die Kriterien nicht erfüllen

Durchlaufen Sie jedes Element im Testarray. Wenn ein Element die von Ihnen definierten Bedingungen nicht erfüllt, gibt es „false“ zurück. Der Rest wird nicht ausgeführt. Nur wenn jedes Element die Bedingungen erfüllt, wird „true“ zurückgegeben.

Der erste Parameter ist jedes Element im Array, der zweite ist der Index und der dritte ist das aktuelle Array.

Beispiel:

arr:[121,3322,3215,3549,6899,46456]
arr.every(Funktion(Element,Index,Array){
    return item>2000 //Überprüfe, ob jeder Wert des Arrays größer als 2000 ist
}) //Das Ergebnis ist falsch, sofern nicht jeder Wert im Array größer als 2000 ist.

reduce() Methode

Finden Sie den kumulierten Wert

Das Ergebnis der vorherigen Array-Element-Traversierung kann mit dem aktuellen Traversierungselement berechnet werden

Der erste Parameter ist der Akkumulator (zum Speichern des vom zweiten Wert zurückgegebenen Ergebnisses). prev

Der zweite Wert ist der Wert, der aktuell verarbeitet wird (das Array wird von Anfang bis Ende durchlaufen). cur

Der dritte Index

Das vierte aktuelle Array arr

Der fünfte Anfangswert (nach der Funktion) init

Beispiel:

var arr = [3,9,4,3,6,0,9];
var Summe = arr.reduce(Funktion (vorherige, aktuelle) {
    Rückgabewert für vorherige + aktuelle;
},0); // Da der Anfangswert 0 ist, d. h. der Wert von prev am Anfang 0 ist, lautet die Berechnung 0+3=3 3+9=12 12+4=16 .... Jedes Ergebnis wird für die nächste Berechnung in prev gespeichert. Dies ist die einfachste reduzierte Summe

filter() Methode

Durchlaufen und Filtern eines Arrays

Der erste Parameter ist jedes Element im Array, der zweite ist der Index und der dritte ist das aktuelle Array.

Es durchläuft das Array, filtert die von Ihnen definierten Bedingungen und gibt ein neues Array zurück, das alle Elemente enthält, die die Bedingungen erfüllen.

Beispiel:

var arr = [1,3,5,7,8]
var Summe = arr.Filter(Funktion(Wert,Index,arr){
    Rückgabewert >3 //Filtere die Elemente in arr, die größer als 3 sind})
console.log(Summe) //Der zurückgegebene Wert ist [5,7,8]

findIndex()-Methode und find()-Methode

Index suchen ()

Suchen Sie den Index des ersten Array-Elements, das die Bedingung erfüllt. Wenn es nicht gefunden wird, geben Sie -1 zurück.

Bei einem leeren Array wird die Funktion nicht ausgeführt und der ursprüngliche Wert des Arrays nicht geändert.

finden()

Die Funktion find() wird verwendet, um das Zielelement zu finden. Wenn es gefunden wird, gibt sie das Element zurück. Wenn es nicht gefunden wird, gibt sie undefined zurück.

Die Suchfunktion verwendet drei Parameter:

Wert: Das Array-Element, nach dem in jeder Iteration gesucht werden soll.

Index: Der Index des Array-Elements, nach dem in jeder Iteration gesucht werden soll.

arr: Das zu durchsuchende Array.

forEach() Methode

Der erste Wert des Schleifen-Arrays ist jeder Parameter, der zweite Wert ist der Index und der dritte ist das Array selbst. Es wird hauptsächlich verwendet, um die Elemente im Array zu durchlaufen.

arr:[1,2,3]
arr.forEach(Funktion(Element,Index,Array){
konsole.log(Element) //1,2,3
})

some() Methode

Überprüft, ob die Elemente im Array die Bedingungen erfüllen, wird zum Suchen des eindeutigen Werts verwendet und gibt „true“ oder „false“ zurück.

var a = arr.some(Funktion(Element,Index,Array){
return item>3 // Prüfe, ob es ein Element gibt, das größer als 3 ist. Wenn ja, gib true zurück, andernfalls false.
})

Solange ein Element gefunden wird, das die Bedingung erfüllt, wird die Schleife beendet. Wenn in einigen ein return trun gefunden wird, wird die Schleife beendet.

indexOf() Methode

Überprüfen Sie, ob ein bestimmtes Element in einem Array vorhanden ist, und geben Sie den Index zurück. Gibt den ersten Index im Array zurück, an dem ein bestimmtes Element gefunden werden kann, oder -1, wenn es nicht vorhanden ist.
Parameter Der erste Parameter (erforderlich): das zu suchende Element. Der zweite (optional): die Position, an der die Suche beginnen soll (darf nicht größer oder gleich der Länge des Arrays sein, gibt -1 zurück), akzeptiert negative Werte, der Standardwert ist 0.
Strikte Gleichheitssuche:
Die IndexOf-Suche eines Arrays unterscheidet sich von der IndexOf-Suche eines Strings. Die IndexOf-Suche eines Arrays verwendet strikte Gleichheit ===, um nach Elementen zu suchen, d. h., die Array-Elemente müssen genau übereinstimmen, damit die Suche erfolgreich ist.

sort()-Methode

Optionaler Parameter: Vergleichsfunktion, die die Sortierreihenfolge angibt.
Wenn die Methode sort() keine Vergleichsfunktion übergibt, wird standardmäßig aufsteigende alphabetische Reihenfolge verwendet. Wenn das Element kein String ist, wird die Methode toString() aufgerufen, um das Element in eine Unicode-Stelle eines Strings umzuwandeln und dann die Zeichen zu vergleichen.

// Ordne die ersten Buchstaben der Zeichenfolge an var a = ["Banana", "Orange", "Apple", "Mango"];
a.sort(); // ["Apfel","Banane","Mango","Orange"]
// Beim Sortieren von Zahlen sind einige Zahlen nach der Konvertierung in Unicode-Strings größer und werden am Ende eingestuft var a = [10, 1, 3, 20,25,8];
konsole.log(a.sort()) // [1,10,20,25,3,8];

push()-Methode

push fügt neue Elemente am Ende des Arrays hinzu (Sie können mehrere Elemente gleichzeitig hinzufügen)
Rückgabewert: Länge des neuen Arrays

Konstante aa = [1,2,3]
aa.drücken(5,6)
konsole.log(aa) // [1,2,3,5,6]

pop() Methode

Löschen Sie das Ende des Elements und der Rückgabewert ist das gelöschte Element

unshift()-Methode

Header hinzugefügt, der Rückgabewert ist die Länge des Arrays

shift()-Methode

Kopfelement löschen Rückgabewert: gelöschtes Element

Oben finden Sie ausführliche Informationen dazu, wie Sie die gängigen Methoden und Techniken in JS-Arrays erlernen und beherrschen. Weitere Informationen zu gängigen Methoden und Techniken in JS-Arrays finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!