Häufig verwendete JavaScript-Array-Methoden

1. filter()

Grammatik:

array.filter(Funktion(aktuellerWert,Index,arr),dieserWert)

Parameterbeschreibung:
currentValue : aktuelles Elementobjekt (erforderlich)
index : der Indexwert des aktuellen Elements (optional)
arr : das Array-Objekt, zu dem das aktuelle Element gehört (optional)
thisValue : Das an die Funktion übergebene Objekt, das als „this“-Wert verwendet werden soll, wenn der Rückruf ausgeführt wird.
Wenn thisValue weggelassen wird, ist der Wert von " this " " undefined " (optional)

//Elemente filtern, deren Alter größer als 10 ist var ages = [5, 32, 7, 10, 33, 12, 40]; 
var res = ages.filter(Funktion (aktuellerWert) { 
  Gib den aktuellen Wert > 10 zurück. 
}) 
Konsole.log(res.toString()); 
// Ausgabe: 32,33,12,40 
 
//Pfeilfunktion schreibt var res1 = ages.filter(item => item > 10) 
Konsole.log(res.toString()); 

Ausgabe :

32,33,12,40

2. fürJedes()

Grammatik:

array.forEach(Funktion(aktuellerWert, Index, arr), dieserWert)

Die Parameterverwendung ist die gleiche wie oben.

//Schleife und gib jeden Parameter aus var ages = [5, 32, 7, 10, 33, 12, 40]; 
ages.forEach(Funktion (aktuellerWert, Index) { 
  console.log("Parameter:" + aktuellerWert + "Index:" + index); 
}) 
 
 
//Pfeilfunktion schreibt ages.forEach((item, index) => { 
  console.log("Parameter:" + Element + "Index:" + Index); 
}) 

Schauen wir uns den folgenden Code an:

//Ändere 10 in 20 
var Alter = [5, 32, 7, 10, 33, 12, 40]; 
ages.forEach(Funktion (aktuellerWert, Index) { 
  wenn (aktuellerWert === 10) { 
    Alter[Index] = 20 
    zurückkehren 
  } 
  konsole.log(index); 
}) 
 
console.log(Alter); 

Nachdem wir im Code den Wert von 10 auf 20 geändert und ein return hinzugefügt hatten, zeigten die Laufergebnisse dennoch, dass der Indexwert 7 Mal gedruckt wurde. Dies ist ein Mangel von forEach, das erst anhalten kann, wenn die Schleife endet. Wie kann man das Problem also lösen?

3. einige()

Grammatik:

array.some(Funktion(aktuellerWert,Index,arr),dieserWert)
Die Parameterverwendung ist die gleiche wie oben.

//Ändere 10 in 20 
var Alter = [5, 32, 7, 10, 33, 12, 40]; 
ages.some(Funktion (aktuellerWert, Index) { 
  wenn (aktuellerWert === 10) { 
    Alter[Index] = 20 
    returniere wahr 
  } 
  konsole.log(index); 
}) 
 
console.log(Alter); 
 
//Ändere 10 in 20 Pfeilfunktion var ages = [5, 32, 7, 10, 33, 12, 40]; 
Alter.some((item, index) => { 
  wenn (Element === 10) { 
    Alter[Index] = 20 
    returniere wahr 
  } 
  konsole.log(index); 
}) 
 
console.log(Alter); 

Das Ausführungsergebnis des obigen Codes gibt den index nur dreimal aus. Die Mängel von forEach() können durch some perfekt behoben werden. Während des Entwicklungsprozesses können Sie entsprechend Ihren Anforderungen auswählen.

4. jedes()

Grammatik:

array.every(Funktion(aktuellerWert,Index,arr),dieserWert)
Die Parameterverwendung ist die gleiche wie oben.

//Überprüfen Sie, ob der Wert jedes Elements größer als 4 ist 
var Alter = [5, 32, 7, 10, 33, 12, 40]; 
 
 
var res = ages.some(Funktion (aktuellerWert) { 
  Rückstromwert > 4 
}) 
konsole.log(res); 
// Ausgabe: true 
 
//Pfeilfunktion var res = ages.some(item => item > 4) 
konsole.log(res); 

5. reduzieren()

Grammatik:

array.reduce(Funktion(Gesamt, aktuellerWert, aktuellerIndex, arr), Anfangswert)

Parameterbeschreibung:

total : erforderlich. Der Anfangswert oder der Rückgabewert nach Abschluss der Berechnung.
currentValue : Erforderlich. Aktuelles Element
currentIndex : Optional. Der Index des aktuellen Elements
arr : optional. Das Array-Objekt, zu dem das aktuelle Element gehört.
initialValue : Optional. Der an die Funktion übergebene Anfangswert

//Berechne die Summe aller Elemente var numbers = [15.5, 2.3, 1.1, 4.7]; 
var res = Zahlen.Reduzieren(Funktion (Gesamt, aktuellerWert) { 
  Gesamtsumme zurückgeben += aktuellerWert 
}, 0) 
 
konsole.log(res); 
//23,6 
 
//Berechnen Sie die Summe der Elemente, die größer als 4 sind. var result = numbers.filter(item => item > 4).reduce((total, item) => total += item, 0) 
console.log(Ergebnis); 
//20.2 

6. Arrays zusammenführen

Verwendung : var arr = [...array1,...array2]
Ergebnis : Der Elementwert von Array 2 wird mit dem Elementwert von Array 1 verknüpft.

var arr = [1, 2, 3] 
var arr2 = [4, 5, 6] 
 
var res = [...arr, ...arr2] 
konsole.log(res); 
// Ausgabe: [1, 2, 3, 4, 5, 6] 
 
var res = [...arr2, ...arr] 
konsole.log(res); 
// Ausgabe: [4, 5, 6, 1, 2, 3] 

Dies ist das Ende dieses Artikels über häufig verwendete JavaScript-Array-Methoden. Weitere relevante Array-JavaScript-Inhalte finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!