Heim > häufiges Problem > Welche Methoden gibt es zum Löschen von Array-Elementen in JavaScript?

Welche Methoden gibt es zum Löschen von Array-Elementen in JavaScript?

百草
Freigeben: 2023-12-07 14:42:38
Original
1102 Leute haben es durchsucht

Methoden zum Löschen von Array-Elementen: 1. Methode „spleiß()“; 3. Methode „delete“; 5. Methode „shift()“; Detaillierte Einführung: 1. Die Methode splice() kann an jeder Position Elemente des Arrays hinzufügen oder löschen. Sie akzeptiert zwei Parameter, den Index des zu ändernden Arrays und die Anzahl der zu löschenden Elemente. Die Methode erstellt ein neues Array, Elemente in einem neuen Array usw.

Welche Methoden gibt es zum Löschen von Array-Elementen in JavaScript?

In JavaScript gibt es mehrere Möglichkeiten, Elemente aus einem Array zu löschen. Im Folgenden sind einige häufig verwendete Methoden aufgeführt:

1. splice()-Methode:

splice()-Methode kann Elemente des Arrays an jeder Position hinzufügen oder löschen. Es akzeptiert zwei Parameter: den Index des zu ändernden Arrays (beginnend bei 0) und die Anzahl der zu entfernenden Elemente.

Um beispielsweise 3 Elemente ab Index 2 zu entfernen, können Sie Folgendes tun:

let arr = [1, 2, 3, 4, 5];  
arr.splice(2, 3); // 删除元素 3, 4, 5  
console.log(arr); // 输出: [1, 2]
Nach dem Login kopieren

Sie können auch die Methode splice() verwenden, um Elemente hinzuzufügen. Wenn Sie beispielsweise 3 Elemente (z. B. 7, 8, 9) beginnend bei Index 2 hinzufügen möchten, können Sie Folgendes tun:

let arr = [1, 2, 3, 4, 5];  
arr.splice(2, 0, 7, 8, 9); // 添加元素 7, 8, 9  
console.log(arr); // 输出: [1, 2, 7, 8, 9]
Nach dem Login kopieren

2, filter()-Methode:

filter()-Methode erstellt eine neues Array: Die Elemente im neuen Array werden überprüft, indem alle Elemente im angegebenen Array überprüft werden, die die Bedingungen erfüllen.

Wenn Sie beispielsweise alle geraden Zahlen in einem Array löschen möchten, können Sie Folgendes tun:

let arr = [1, 2, 3, 4, 5];  
arr = arr.filter(item => item % 2 !== 0); // 删除所有偶数  
console.log(arr); // 输出: [1, 3, 5]
Nach dem Login kopieren

3. Löschoperator:

Der Löschoperator löscht das letzte Element des Arrays. Die Länge des Arrays wird dadurch jedoch nicht geändert. Wenn Sie daher versuchen, auf das gelöschte Element zuzugreifen, werden Sie undefiniert.

Zum Beispiel:

let arr = [1, 2, 3, 4, 5];  
delete arr[2]; // 删除元素 3  
console.log(arr[2]); // 输出: undefined
Nach dem Login kopieren

Es ist zu beachten, dass die mehrmalige Verwendung des Löschoperators die Kontinuität des Arrays zerstört und dazu führt, dass nachfolgende Elemente nach vorne verschoben werden, um die Lücken zu füllen. Daher wird im Allgemeinen nicht empfohlen, den Löschoperator zum Löschen von Elementen aus einem Array zu verwenden.

4. pop()-Methode:

pop()-Methode löscht das letzte Element des Arrays und gibt es zurück. Ähnlich wie der Löschoperator ändert er die Länge des Arrays nicht. Wenn Sie daher versuchen, auf das gelöschte Element zuzugreifen, werden Sie undefiniert.

Zum Beispiel:

let arr = [1, 2, 3, 4, 5];  
arr.pop(); // 删除元素 5  
console.log(arr[4]); // 输出: undefined
Nach dem Login kopieren

Ähnlich wie beim Löschoperator führt die mehrmalige Verwendung der Methode pop() dazu, dass die Kontinuität des Arrays zerstört wird.

5. Shift()-Methode:

shift()-Methode löscht das erste Element des Arrays und gibt es zurück. Ähnlich wie bei der Methode pop() ändert sie die Länge des Arrays nicht. Wenn Sie daher versuchen, auf das gelöschte Element zuzugreifen, werden Sie undefiniert. Darüber hinaus wird, ähnlich wie bei der Methode pop(), die Kontinuität des Arrays durch mehrmalige Verwendung der Methodeshift() zerstört.

6. Verwenden Sie das Längenattribut:

Durch Festlegen des Längenattributs des Arrays können Sie das Array kürzen. Zum Beispiel:

let arr = [1, 2, 3, 4, 5];  
arr.length = 3; // 删除元素 4, 5  
console.log(arr); // 输出: [1, 2, 3]
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Löschen von Array-Elementen in JavaScript?. 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