Allgemeine Array-Operationen in JavaScript

1. verketten()

concat() wird verwendet, um zwei oder mehr Arrays zu verketten. Diese Methode verändert das vorhandene Array nicht, sondern gibt lediglich eine Kopie des verketteten Arrays zurück.

var arr1 = [1,2,3];
var arr2 = [4,5];
var arr3 = arr1.concat(arr2);
console.log(arr1); //[1, 2, 3]
console.log(arr3); //[1, 2, 3, 4, 5]

2. beitreten()

Mit der Methode join() werden alle Elemente eines Arrays in einen String eingefügt. Die Elemente werden durch das angegebene Trennzeichen getrennt. Das Standardtrennzeichen ist „,“, wodurch das ursprüngliche Array nicht geändert wird.

var arr = [2,3,4];
konsole.log(arr.join()); //2,3,4
console.log(arr); //[2, 3, 4]

3. drücken()

Die Methode push() fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge zurück. Durch Hinzufügen am Ende wird die Länge zurückgegeben, wodurch das ursprüngliche Array geändert wird.

var a = [2,3,4];
var b = a.push(5);
konsole.log(a); //[2,3,4,5]
console.log(b); //4

5. Verschiebung()

shift() wird verwendet, um das erste Element eines Arrays zu entfernen und den Wert des ersten Elements zurückzugeben. Gibt das erste Element zurück und verändert das ursprüngliche Array.

var arr = [2,3,4];
konsole.log(arr.shift()); //2
console.log(arr); //[3,4]

6. unshift()

Die Methode unshift() fügt am Anfang eines Arrays ein oder mehrere Elemente hinzu und gibt die neue Länge zurück. Gibt die neue Länge zurück und verändert das ursprüngliche Array.

var arr = [2,3,4,5];
konsole.log(arr.unshift(3,6)); //6
console.log(arr); //[3, 6, 2, 3, 4, 5]

Tipp: Diese Methode muss keine Parameter übergeben. Wenn keine Parameter übergeben werden, werden keine Elemente hinzugefügt.

7. Scheibe ()

slice() gibt ein neues Array zurück, das die Elemente in arrayObject vom start bis zum end enthält (mit Ausnahme dieses Elements). Gibt das ausgewählte Element zurück. Diese Methode ändert das ursprüngliche Array nicht.

var arr = [2,3,4,5];
Konsole.log(arr.slice(1,3)); //[3,4]
console.log(arr); //[2,3,4,5]

spleißen()

splice() entfernt beginnend beim index null oder mehr Elemente und ersetzt die entfernten Elemente durch einen oder mehrere in der Parameterliste angegebene Werte. Wenn Elemente aus arrayObject gelöscht werden, wird ein Array zurückgegeben, das die gelöschten Elemente enthält. splice() ändert das Array direkt.

var a = [5,6,7,8];
konsole.log(a.splice(1,0,9)); //[]
console.log(a); // [5, 9, 6, 7, 8]
var b = [5,6,7,8];
Konsole.log(b.splice(1,2,3)); //[6, 7]
console.log(b); //[5, 3, 8]

9. substring() und substr()

Ähnlichkeiten: Wenn Sie nur einen Parameter schreiben, sind die Funktionen beider gleich: Beide dienen dazu, das Zeichenfolgenfragment vom aktuellen Index bis zum Ende der Zeichenfolge abzufangen.

substr(Startindex);
Teilzeichenfolge (Startindex);
var str = "123456789";
console.log(str.substr(2)); // "3456789"
console.log(str.substring(2)) ;// "3456789"

Unterschiede: Der zweite Parameter substr（startIndex,lenth）： Der zweite Parameter ist die Länge des abzufangenden Strings (fängt einen String einer bestimmten Länge vom Startpunkt ab); substring（startIndex, endIndex ): Der zweite Parameter ist der letzte Index des abzufangenden Strings (fängt den String zwischen 2 Positionen ab, „einschließlich des Kopfs, aber nicht des Endes“).

console.log("123456789".substr(2,5)); // "34567"
console.log("123456789".substring(2,5)) ; // "345"

10. sort

Sortieren nach Unicode code , standardmäßig aufsteigend

var fruit = ['Kirschen', 'Äpfel', 'Bananen'];
fruit.sort(); // ['Äpfel', 'Bananen', 'Kirschen']
var Werte = [1, 10, 21, 2];
scores.sort(); // [1, 10, 2, 21]

11. umgekehrt()

Mit der Methode reverse() wird die Reihenfolge der Elemente in einem Array umgekehrt. Zurückgegeben wird das umgekehrte Array, das das ursprüngliche Array ändert.

var arr = [2,3,4];
Konsole.log(arr.reverse()); //[4, 3, 2]
console.log(arr); //[4, 3, 2]

12. indexOf und lastIndexOf

Sowohl indexOf als auch lastIndexOf akzeptieren zwei Parameter: den zu suchenden Wert und die zu suchende Startposition. Wenn der Wert nicht existiert, wird -1 zurückgegeben; wenn der Wert existiert, wird die Startposition zurückgegeben. indexOf sucht von vorne nach hinten und lastIndexOf sucht von hinten nach vorne. indexOf

var a = [2, 9, 9];
a.indexOf(2); // 0
a.indexOf(7); // -1
 
wenn (a.indexOf(7) === -1) {
 // Element existiert nicht im Array
}
letzterIndexVon
 
var Zahlen = [2, 5, 9, 2];
Zahlen.letzterIndexVon(2); // 3
Zahlen.letzterIndexvon(7); // -1
Zahlen.letzterIndexvon(2, 3); // 3
Zahlen.letzterIndexVon(2, 2); // 0
Zahlen.letzterIndexvon(2, -2); // 0
Zahlen.letzterIndexvon(2, -1); // 3

13. jedes Paar-Array

every führt die angegebene Funktion für jedes Element im Array aus und gibt ture zurück, wenn jedes Element true

Funktion istGroßGenug(Element, Index, Array) {
 Rückgabeelement < 10;
} 
[2, 5, 8, 3, 4].every(istGroßGenug); // wahr

14. einige

some führt die angegebene Funktion für jedes Element im Array aus und gibt ture zurück, wenn eines davon true

Funktion vergleichen(Element, Index, Array) {
 Rückgabeelement > 10;
}  
[2, 5, 8, 1, 4].some(vergleichen); // falsch
[12, 5, 8, 1, 4].some(vergleichen); // wahr

15. Filter

filter führt die angegebene Funktion für jedes Element im Array aus und gibt ein Array von Elementen zurück, deren Ergebnis ture ist.

var words = ["Spray", "Grenze", "Elite", "überschwänglich", "Zerstörung", "Gegenwart", "glücklich"];
var longWords = Wörter.Filter(Funktion(Wort){
 gibt Wortlänge > 6 zurück;
});
// Gefiltertes Array longWords ist ["überschwänglich", "Zerstörung", "anwesend"]

16. Karte

Führt die angegebene Funktion für jedes Element in einem Array aus und gibt ein neues Array zurück, das aus den Ergebnissen jedes Funktionsaufrufs besteht.

var Zahlen = [1, 5, 10, 15];
var doubles = Zahlen.map(Funktion(x) {
  gebe x * 2 zurück;
});
// doubles ist jetzt [2, 10, 20, 30]
// Zahlen sind immer noch [1, 5, 10, 15]

17. forEach-Array-Durchlauf

const Elemente = ['Element1', 'Element2', 'Element3'];
const Kopie = [];  
Elemente.fürJedes(Funktion(Element){
 kopieren.push(Element)
});

ES6 fügt neue Methoden zum Bedienen von Arrays hinzu

1. finden():

Übergeben Sie eine Rückruffunktion, um das erste Element im Array zu finden, das den aktuellen Suchkriterien entspricht, geben Sie es zurück und beenden Sie die Suche.

const arr = [1, "2", 3, 3, "2"]
Konsole.log(arr.find(n => Typ von n === "Zahl")) // 1

2. findIndex():

Übergeben Sie eine Rückruffunktion, um das erste Element im Array zu finden, das den aktuellen Suchkriterien entspricht, geben Sie seinen Index zurück und beenden Sie die Suche.

const arr = [1, "2", 3, 3, "2"]
console.log(arr.findIndex(n => Typ von n === "Zahl")) // 0

3. füllen():

Ersetzen Sie die Elemente im Array durch neue Elemente. Sie können den Indexbereich für die Ersetzung angeben.

arr.fill(Wert, Start, Ende)

4. copyWithin():

Wählen Sie einen Index des Arrays aus und beginnen Sie mit dem Kopieren der Array-Elemente ab dieser Position. Standardmäßig wird mit dem Kopieren bei 0 begonnen. Sie können auch einen Bereich zu kopierender Elemente angeben.

arr.copyWithin(Ziel, Start, Ende)
const arr = [1, 2, 3, 4, 5]
Konsole.log(arr.copyWithin(3))
 // [1,2,3,1,2] beginnt mit dem Element mit dem Index 3 und kopiert das Array, sodass 4 und 5 durch 1 und 2 ersetzt werden.
const arr1 = [1, 2, 3, 4, 5]
console.log(arr1.copyWithin(3, 1)) 
// [1,2,3,2,3] beginnt mit dem Element mit dem Index 3 und kopiert das Array. Der Index des ersten zu kopierenden Elements ist 1, daher werden 4 und 5 durch 2 und 3 ersetzt.
const arr2 = [1, 2, 3, 4, 5]
Konsole.log(arr2.copyWithin(3, 1, 2)) 
// [1,2,3,2,5] beginnt mit dem Element mit dem Index 3 und kopiert das Array. Das erste zu kopierende Element hat den Index 1 und die Endposition ist 2, also wird 4 durch 2 ersetzt.

5. von

Konvertieren Sie array-like object und iterable Objekte in echte Arrays

const bar = ["a", "b", "c"];
Array.von(Balken);
// ["a", "b", "c"]
 
Array.von('foo');
// ["f", "o", "o"]

6. von

Wird verwendet, um einen Satz von Werten in ein Array zu konvertieren. Der Hauptzweck dieser Methode besteht darin, die Mängel des Array-Konstruktors Array() auszugleichen. Aufgrund der unterschiedlichen Anzahl von Parametern ist das Verhalten von Array() unterschiedlich.

Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]
Array.von(7); // [7]
Array.von(1, 2, 3); // [1, 2, 3]
Array(7); // [ , , , , , , ]
Array(1, 2, 3); // [1, 2, 3]

7. entries() gibt einen Iterator zurück: gibt Schlüssel-Wert-Paare zurück

//Array const arr = ['a', 'b', 'c'];
für (let v of arr.entries()) {
 Konsole.log(v)
}
// [0, 'a'] [1, 'b'] [2, 'c']
 
//Satz
const arr = neues Set(['a', 'b', 'c']);
für (let v of arr.entries()) {
 Konsole.log(v)
}
// ['ein', 'ein'] ['b', 'b'] ['c', 'c']
 
//Karte
const arr = neue Map();
arr.set('ein', 'ein');
arr.set('b', 'b');
für (let v of arr.entries()) {
 Konsole.log(v)
}
// ['ein', 'ein'] ['b', 'b']

8. values() gibt einen Iterator zurück: gibt den Wert des Schlüssel-Wert-Paares zurück

//Array const arr = ['a', 'b', 'c'];
für (let v of arr.values()) {
 Konsole.log(v)
}
//'a' 'b' 'c'
 
//Satz
const arr = neues Set(['a', 'b', 'c']);
für (let v of arr.values()) {
 Konsole.log(v)
}
// 'a' 'b' 'c'
 
//Karte
const arr = neue Map();
arr.set('ein', 'ein');
arr.set('b', 'b');
für (let v of arr.values()) {
 Konsole.log(v)
}
// 'a' 'b'

9. keys() gibt einen Iterator zurück: Gibt den Schlüssel des Schlüssel-Wert-Paares zurück

//Array const arr = ['a', 'b', 'c'];
für (let v von arr.keys()) {
 Konsole.log(v)
}
// 0 1 2
 
//Satz
const arr = neues Set(['a', 'b', 'c']);
für (let v von arr.keys()) {
 Konsole.log(v)
}
// 'a' 'b' 'c'
 
//Karte
const arr = neue Map();
arr.set('ein', 'ein');
arr.set('b', 'b');
für (let v von arr.keys()) {
 Konsole.log(v)
}
// 'a' 'b'

10. beinhaltet

Bestimmt, ob das Element im Array vorhanden ist. Parameter: der zu suchende Wert, die Startposition. Dies kann indexOf Beurteilungsmethode in ES5 Ära ersetzen. indexOf bestimmt, ob ein Element NaN ist, was zu einem Fehler führt.

var a = [1, 2, 3];
a.includes(2); // wahr
a.includes(4); // falsch

Dies ist das Ende dieses Artikels über häufig verwendete Array-Operationsmethoden in JavaScript. Weitere relevante Array-Operationsmethoden in JavaScript 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!