In der Entwicklung verwenden wir häufig einige Methoden zum Bearbeiten von Arrays, um die gewünschten Daten zu erhalten. Im Folgenden sind einige Methoden zum Bearbeiten von Arrays aufgeführt. Bitte korrigieren Sie mich, wenn es Auslassungen gibt.
push() fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück.
const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
pop() entfernt ein Element vom Ende des Arrays und gibt den Wert des Elements zurück.
const arr = [1, 2, 3];
const removed = arr.pop();
console.log(arr); // [1, 2]
console.log(removed); // 3
unshift() fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück.
const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
Shift() entfernt ein Element vom Anfang des Arrays und gibt den Wert dieses Elements zurück.
const arr = [1, 2, 3];
const removed = arr.shift();
console.log(arr); // [2, 3]
console.log(removed); // 1
splice() fügt Elemente zu einem Array hinzu, entfernt oder ersetzt sie.
const arr = [1, 2, 3];
arr.splice(1, 1, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 3]
Slice() extrahiert eine Reihe von Elementen aus einem Array und gibt ein neues Array zurück.
const arr = [1, 2, 3];
const copy = arr.slice(0, 2);
console.log(copy); // [1, 2]
concat() kombiniert zwei oder mehr Arrays zu einem neuen Array.
const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4]
join() wandelt alle Elemente im Array in Strings um und gibt einen String zurück.
const arr = [1, 2, 3];
const joined = arr.join(',');
console.log(joined); // "1,2,3"
toString() konvertiert ein Array in einen String und gibt den String zurück.
let arr = [1, 2, 3];
let str = arr.toString();
console.log(str); // '1,2,3'
reverse() kehrt die Reihenfolge der Elemente in einem Array um.
const arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1]
sort() sortiert die Elemente in einem Array.
const arr = [3, 1, 2];
arr.sort();
console.log(arr); // [1, 2, 3]
indexOf() gibt den Index des ersten Elements im Array zurück, das dem angegebenen Wert entspricht.
let arr = ['a', 'b', 'c'];
let index = arr.indexOf('b');
console.log(index); // 1
lastIndexOf() gibt den Index des letzten Elements im Array zurück, das dem angegebenen Wert entspricht.
let arr = ['a', 'b', 'c', 'b'];
let index = arr.lastIndexOf('b');
console.log(index); // 3
Includes() ermittelt, ob das Array den angegebenen Wert enthält und gibt einen booleschen Wert zurück.
const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false
forEach() führt eine Funktion für jedes Element im Array aus.
const array = [1, 2, 3];
array.forEach(function(element) {
console.log(element);
});
// Output: 1 2 3
map() führt eine Funktion für jedes Element im Array aus und gibt ein neues Array zurück.
const array = [1, 2, 3];
const newArray = array.map(function(element) {
return element * 2;
});
console.log(newArray); // [2, 4, 6]
filter() filtert die Elemente im Array basierend auf angegebenen Bedingungen und gibt ein neues Array zurück.
const array = [1, 2, 3, 4, 5];
const newArray = array.filter(function(element) {
return element > 2;
});
console.log(newArray); // [3, 4, 5]
redu() führt eine Funktion für die Elemente in einem Array aus und akkumuliert die Ergebnisse in einem Wert.
const array = [1, 2, 3, 4, 5];
const result = array.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(result); // 15
reduceRight() führt eine Funktion für die Elemente im Array aus, beginnend auf der rechten Seite des Arrays, und akkumuliert die Ergebnisse in einem Wert.
const array = ["a", "b", "c", "d"];
const result = array.reduceRight(function(accumulator, currentValue) {
return accumulator + currentValue;
});
console.log(result); // "dcba"
every() bestimmt, ob jedes Element im Array die angegebenen Bedingungen erfüllt. Wenn es die angegebenen Bedingungen erfüllt, gibt es true zurück, andernfalls gibt es false zurück.
const array = [1, 2, 3, 4, 5];
const result = array.every(function(element) {
return element > 0;
});
console.log(result); // true
some() ermittelt, ob Elemente im Array vorhanden sind, die die angegebenen Bedingungen erfüllen. Wenn ja, gibt es true zurück, andernfalls gibt es false zurück.
const array = [1, 2, 3, 4, 5];
const result = array.some(function(element) {
return element < 0;
});
console.log(result); // false
find() findet ein Element in einem Array, das bestimmte Bedingungen erfüllt, und gibt das Element zurück.
const array = [1, 2, 3, 4, 5];
const result = array.find(function(element) {
return element > 3;
});
console.log(result); // 4
findIndex() findet den Index des Elements im Array, das die angegebenen Bedingungen erfüllt, und gibt den Indexwert zurück.
const array = [1, 2, 3, 4, 5];
const result = array.findIndex(function(element) {
return element > 3;
});
console.log(result); // 3
flat() wandelt ein mehrdimensionales Array in ein eindimensionales Array um.
const arr = [1, 2, [3, 4, [5, 6]]];
const flattened = arr.flat();
console.log(flattened); // [1, 2, 3, 4, 5, 6]
flatMap() führt eine Funktion für jedes Element im Array aus und komprimiert das Ergebnis in ein neues Array.
const arr = [1, 2, 3];
const result = arr.flatMap((item) => [item * 2]);
console.log(result); // [2, 4, 6]
Verwenden Sie die Methode flatMap(), um eine Funktion für jedes Element im Array auszuführen und das Ergebnis in ein neues Array zu komprimieren. In diesem Beispiel multiplizieren Sie jedes Element im Array mit 2 und fügen es in ein neues Array ein.
Das Ergebnis ist ein neues eindimensionales Array [2, 4, 6].