Heim > Web-Frontend > js-Tutorial > Hauptteil

Welche Methoden gibt es, um Elemente aus dem js-Array zu löschen?

WBOY
Freigeben: 2024-02-19 15:34:05
Original
429 Leute haben es durchsucht

Welche Methoden gibt es, um Elemente aus dem js-Array zu löschen?

Es gibt viele Möglichkeiten, Elemente aus js-Arrays zu löschen, einschließlich der Verwendung der Methode splice(), der Methoden pop() und shift(), der Verwendung des Schlüsselworts delete und der Methode filter() usw. Im Folgenden werden diese Methoden ausführlich vorgestellt und spezifische Codebeispiele bereitgestellt.

  1. Verwenden Sie die Methode splice(), um Elemente zu löschen.
    Die Methode splice() kann gleichzeitig Elemente im Array löschen und die gelöschten Elemente zurückgeben. Die Syntax lautet: array.splice(start, deleteCount, item1, item2, ...);
  2. start: Gibt den Index der Startposition gelöschter Elemente an.
  3. deleteCount: Geben Sie die Anzahl der zu löschenden Elemente an.
  4. item1, item2, ...: optionale Parameter, neue Elemente zum Array hinzugefügt.

Der Beispielcode lautet wie folgt:

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.splice(1, 2); // 从索引为1的元素开始删除2个元素
console.log(fruits); // 输出:['apple', 'grape']
Nach dem Login kopieren
  1. Verwenden Sie die Methoden pop() und shift(), um Elemente zu löschen.
    Die Methode pop() wird verwendet, um das letzte Element des Arrays zu löschen und das gelöschte Element zurückzugeben. Die Methode „shift()“ wird verwendet, um das erste Element des Arrays zu löschen und das gelöschte Element zurückzugeben. Für beide Methoden sind keine Parameter erforderlich.

Der Beispielcode lautet wie folgt:

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits.pop(); // 删除最后一个元素
console.log(fruits); // 输出:['apple', 'banana', 'orange']

fruits.shift(); // 删除第一个元素
console.log(fruits); // 输出:['banana', 'orange']
Nach dem Login kopieren
  1. Verwenden Sie das Schlüsselwort delete, um Elemente zu löschen.
    Das Schlüsselwort delete wird verwendet, um das Element an der angegebenen Position zu löschen, ändert jedoch nicht die Länge des Arrays. Gelöschte Elemente werden undefiniert. Es ist zu beachten, dass die Verwendung des Schlüsselworts delete die Kontinuität des Arrays nicht aufrechterhalten kann, was bedeutet, dass Lücken im Array auftreten.

Der Beispielcode lautet wie folgt:

let fruits = ['apple', 'banana', 'orange', 'grape'];
delete fruits[1]; // 删除索引为1的元素
console.log(fruits); // 输出:['apple', undefined, 'orange', 'grape']
Nach dem Login kopieren
  1. Verwenden Sie die Methode filter(), um Elemente zu löschen
    Die Methode filter() erstellt ein neues Array, das alle Elemente im Array enthält, die den angegebenen Funktionstest bestehen. Wir können Elemente löschen, die die Bedingung nicht erfüllen, indem wir eine bedingte Funktion angeben.

Der Beispielcode lautet wie folgt:

let fruits = ['apple', 'banana', 'orange', 'grape'];
fruits = fruits.filter(function(fruit) {
    return fruit !== 'banana'; // 删除值为'banana'的元素
});
console.log(fruits); // 输出:['apple', 'orange', 'grape']
Nach dem Login kopieren

Das Obige sind die spezifischen Anweisungen und Beispielcodes für verschiedene Methoden zum Löschen von Elementen aus js-Arrays. Verschiedene Methoden eignen sich für unterschiedliche Szenarien, und Sie können bei der Verwendung die geeignete Methode entsprechend Ihren Anforderungen auswählen.

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es, um Elemente aus dem js-Array zu löschen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!