Detaillierte Erklärung der JS-Array-Methoden

Inhaltsverzeichnis

1. Das ursprüngliche Array wird geändert

1. drücken():
2.pop():
3. Verschiebung():
4.unshift():
5.spleißen():
6. sortieren():
7. umgekehrt():

2. Ändern Sie das ursprüngliche Array nicht

1. toString():
2. beitreten():
3.concat():
4.Scheibe():
5.map():
6. fürJedes():
7.filter():
8.jedes():
9.einige():
10.reduzieren():

Zusammenfassen

1. Das ursprüngliche Array wird geändert

1. drücken():

Fügt dem Array ein neues Element hinzu (am Ende des Arrays)

Die push()-Methode gibt die Länge des neuen Arrays zurück.

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.push("Kiwi");

2.pop():

Methode zum Entfernen des letzten Elements aus einem Array

Sie können den Rückgabewert von pop() erhalten, der der gepoppte Wert „Mango“ ist.

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.push("Kiwi");

3. Verschiebung():

Löschen Sie das erste Array-Element

Kann gelöschte Werte empfangen

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.Shift();

4.unshift():

Fügt dem Array ein neues Element hinzu (am Anfang)

Gibt die Länge des neuen Arrays zurück.

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.unshift("Zitrone");

5.spleißen():

Wird verwendet, um einem Array neue Elemente hinzuzufügen

Das erste Argument (2) definiert, wo das neue Element hinzugefügt werden soll (Spleißen).

Der zweite Parameter (0) definiert, wie viele Elemente entfernt werden sollen.

Die restlichen Parameter („Lemon“, „Kiwi“) definieren das neu hinzuzufügende Element.

Die Methode splice() gibt ein Array zurück, das die entfernten Elemente enthält.

Sie können Elemente im Array auch löschen, indem Sie Parameter festlegen

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
fruits.splice(2, 0, "Zitrone", "Kiwi");
//["Banane","Orange","Zitrone","Kiwi","Apfel","Mango"]
 var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.spleißen(0, 1);
//["Orange", "Apfel", "Mango"]

6. sortieren():

Sortieren Sie ein Array in alphabetischer Reihenfolge

Beim Sortieren von Zahlen ist Vorsicht geboten. „25“ ist größer als „100“, weil „2“ größer als „1“ ist. Wir beheben dieses Problem mithilfe einer Verhältnisfunktion.

sort() kann auch Objekt-Arrays sortieren, indem die Vergleichsfunktion modifiziert wird

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.sortieren(); 
 var Punkte = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});//Aufsteigende Reihenfolge points.sort(function(a, b){return b - a});//Absteigende Reihenfolge points.sort((a, b)=>{return b - a});//Pfeilfunktion var cars = [
    {Typ:"Volvo", Jahr:2016},
    {Typ:"Saab", Jahr:2001},
    {Typ:"BMW", Jahr:2010}
]
cars.sort(function(a, b){return a.year - b.year}); //Jahre (Zahlen) vergleichen
cars.sort(function(a, b){//Vergleichstyp (Zeichenfolge)
	  var x = a.type.toLowerCase();
	  var y = b.type.toLowerCase();
	  wenn (x < y) {return -1;}
	  wenn (x > y) {return 1;}
	  gebe 0 zurück;
});

7. umgekehrt():

Kehren Sie die Elemente in einem Array um

var fruits = ["Banane", "Orange", "Apfel", "Mango"];
Früchte.umkehren();

2. Ändern Sie das ursprüngliche Array nicht

1. toString():

Konvertiert ein Array in eine Zeichenfolge aus Array-Werten (durch Komma getrennt).

var Früchte = ["Banane", "Orange", "Apfel", "Mango"]
Konsole.log(Früchte.toString())
//Banane,Orange,Apfel,Mango

2. beitreten():

Alle Array-Elemente können zu einem einzigen String verkettet werden.

Es verhält sich ähnlich wie toString(), kann aber auch ein Trennzeichen angeben

var Früchte = ["Banane", "Orange", "Apfel", "Mango"]
Konsole.log(Früchte.beitreten(" * "))
//Banane * Orange * Apfel * Mango

3.concat():

Erstellen Sie ein neues Array, indem Sie vorhandene Arrays zusammenführen (verketten). Kann mehrere verbinden

var meineMädchen = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var meineKinder = meineMädchen.concat(meineJungen); // meineMädchen und meineJungen verketten
 var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3); // arr1, arr2 und arr3 verketten

4.slice():

Die Methode erstellt ein neues Array unter Verwendung eines Ausschnitts eines Arrays.

var fruits = ["Banane", "Orange", "Zitrone", "Apfel", "Mango"];
var citrus = fruits.slice(1);//vom Ersten bis zum Letzten//["Orange", "Zitrone", "Apfel", "Mango"]
 var fruits = ["Banane", "Orange", "Zitrone", "Apfel", "Mango"];
var citrus = fruits.slice(1,3); //Vom ersten zum dritten (ohne 3)
//["Orange", "Zitrone"]

5.map():

Ruft für jedes Element eines Arrays eine bereitgestellte Funktion auf und gibt das Ergebnis als neues Array zurück, ohne das ursprüngliche Array zu ändern.

sei arr = [1, 2, 3, 4, 5]
let newArr = arr.map(x => x*2) //Kurzform der Pfeilfunktion //arr = [1, 2, 3, 4, 5] Das ursprüngliche Array bleibt unverändert //newArr = [2, 4, 6, 8, 10] Gibt ein neues Array zurück

6. fürJedes():

Führen Sie die angegebene Funktion für jedes Element im Array aus. Es wird kein Rückgabewert zurückgegeben. Beachten Sie den Unterschied zur Map-Methode.

sei arr = [1, 2, 3, 4, 5]
arr.forEach(x => {
    konsole.log(2*x)
    //return x*2 Der Rückgabewert ist nutzlos, diese Funktion hat keinen Rückgabewert})

7.filter():

Diese Methode beurteilt alle Elemente und gibt die Elemente, die die Bedingungen erfüllen, als neues Array zurück. Die Bedingungen stehen in der Funktion! ! !

sei arr = [1, 2, 3, 4, 5]
let newArr = arr.filter(Wert => Wert >= 3)
// oder let newArr = arr.filter(function(value) {return value >= 3} )
console.log(neuerArr)
//[3,4,5]

8.jedes():

Diese Methode gibt nach der Beurteilung aller Elemente einen Booleschen Wert zurück. Wenn alle Elemente die Beurteilungsbedingung erfüllen, wird „true“ zurückgegeben, andernfalls „false“.

sei arr = [1, 2, 3, 4, 5]
const isLessThan4 = Wert => Wert < 4
const isLessThan6 => Wert => Wert < 6
arr.every(isLessThan4 ) //false
arr.every(istwenigerals6) //wahr

9.einige():

Diese Methode gibt nach der Beurteilung aller Elemente einen Booleschen Wert zurück. Wenn es ein Element gibt, das die Beurteilungsbedingung erfüllt, wird „true“ zurückgegeben. Wenn keines der Elemente die Beurteilungsbedingung erfüllt, wird „false“ zurückgegeben.

sei arr = [1, 2, 3, 4, 5]
const isLessThan4 = Wert => Wert < 4
const isLessThan6 = Wert => Wert > 6
arr.some(isLessThan4 ) //wahr
arr.some(isLessThan6 ) //false

10.reduzieren():

Diese Methode ruft die Rückgabefunktion für alle Elemente auf und der Rückgabewert ist das Endergebnis. Der übergebene Wert muss ein Funktionstyp sein.

sei arr = [1, 2, 3, 4, 5]
const add = (a, b) => a + b
lass Summe = arr.reduce(addieren)  
 console.log(sum) //sum = 15 entspricht dem Effekt der Akkumulation // Es gibt auch eine entsprechende Array.reduceRight()-Methode, der Unterschied besteht darin, dass diese von rechts nach links arbeitet