So ersetzen Sie bestimmte Elemente in einem Array in es6

青灯夜游
Freigeben: 2023-01-11 19:07:11
Original
3860 Leute haben es durchsucht

3 Ersetzungsmethoden: 1. Verwenden Sie die Klammernotation zum Neuzuweisen, Syntax „arr[index] = ‚new element value‘;“ 2. Verwenden Sie Array.splice() zum Ersetzen, Syntax „arr.splice(index, 1 , 'neuer Elementwert');"; 3. Verwenden Sie eine for-Schleife, um die Syntax "for(i=0;i

So ersetzen Sie bestimmte Elemente in einem Array in es6

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Methode 1: Verwenden Sie die Neuzuweisung der Klammernotation, um Array-Elemente zu ersetzen.

Implementierungsidee:

  • Verwenden Sie die Methode indexOf(), um den Index des Elements abzurufen.

  • Verwenden Sie die Klammernotation, um den Wert eines Elements an einem bestimmten Index zu ändern.

  • Der Wert des Array-Elements wird direkt aktualisiert.

Beispiel:

const arr = ['a', 'b', 'c'];
const index = arr.indexOf('a'); // ?️  0
if (index !== -1) {
  arr[index] = 'z';
}
console.log(arr); // ?️ ['z', 'b', 'c']
Nach dem Login kopieren

So ersetzen Sie bestimmte Elemente in einem Array in es6

Wir verwenden die Methode Array.indexOf(), um den Index des Array-Elements mit dem Wert a abzurufen.

Dann ersetzen wir das Element an diesem Index durch den neuen Wert.

Bitte beachten Sie, dass die indexOf-Methode -1 zurückgibt, wenn sie kein Element mit dem angegebenen Wert findet. Wir prüfen, ob die Methode keinen Index von -1 zurückgibt, um sicherzustellen, dass ein Element mit dem angegebenen Wert vorhanden ist.

Indizes in JavaScript sind nullbasiert, das erste Element hat also einen Index von 0 und das letzte Element hat einen Index von arr.length - 1. arr.length - 1

或者,我们可以使用 array.splice() 方法。

方法2:使用 Array.splice() 替换数组中的元素

实现思想:

  • 使用 indexOf() 方法获取要替换的元素的索引。

  • 调用 Array.splice() 方法替换特定索引处的元素。

  • 数组元素将被替换到位。

示例:

const arr = ['a', 'b', 'c'];
console.log(arr); // ?️ ['a', 'b', 'c']
const index = arr.indexOf('b'); // ?️  1
arr.splice(index, 1, 'z');
console.log(arr); // ?️ ['a', 'z', 'c']
Nach dem Login kopieren

So ersetzen Sie bestimmte Elemente in einem Array in es6

我们将以下 3 个参数传递给 Array.splice() 方法:

  • start index - 开始更改数组的索引。

  • delete count - 应该从数组中删除多少元素。

  • item1 - 要添加到数组的项目。

我们将 start

Alternativ können wir die Methode array.splice() verwenden.

Methode 2: Verwenden Sie Array.splice(), um Elemente im Array zu ersetzen.

Implementierungsidee:

Verwenden Sie die Methode indexOf(), um den Index des zu ersetzenden Elements abzurufen.

    Rufen Sie die Methode Array.splice() auf, um das Element an einem bestimmten Index zu ersetzen.
  • Die Array-Elemente werden an Ort und Stelle ersetzt.
  • Beispiel:
  • const arr = ['a', 'b', 'c'];
    console.log(arr); // ?️ ['a', 'b', 'c']
    for (let index = 0; index < arr.length; index++) {
      if (arr[index] === &#39;c&#39;) {
        arr[index] = &#39;z&#39;;
        break;
      }
    }
    console.log(arr); // ?️ [&#39;a&#39;, &#39;b&#39;, &#39;z&#39;]
    Nach dem Login kopieren
    2 .pngWir übergeben die folgenden 3 Parameter an die Methode Array.splice():


    start index – Beginnen Sie mit der Änderung des Index des Arrays. So ersetzen Sie bestimmte Elemente in einem Array in es6

    delete count – Wie viele Elemente sollen aus dem Array gelöscht werden.

    item1 – Das Element, das dem Array hinzugefügt werden soll.

    Wir setzen den start-Index auf den Index des Array-Elements, das wir ersetzen möchten.

    🎜Wir setzen den Löschzähler auf 1, sodass die Methode Array.splice() das Array-Element am angegebenen Index löscht und das bereitgestellte dritte Argument demselben Index hinzufügt. 🎜🎜🎜In der Praxis löschen wir das Array-Element am angegebenen Index und fügen dann einen anderen Wert am gleichen Index ein, sodass wir am Ende das Array-Element ersetzen. 🎜🎜Eine andere Möglichkeit besteht darin, eine einfache for-Schleife zu verwenden. **🎜🎜🎜🎜Methode 3: Verwenden Sie eine for-Schleife, um Elemente im Array zu ersetzen🎜🎜🎜🎜Implementierungsidee: 🎜🎜🎜🎜Verwenden Sie eine for-Schleife, um array.length mal zu iterieren. 🎜🎜🎜🎜Überprüfen Sie bei jeder Iteration, ob das Array-Element das zu ersetzende Element ist. 🎜🎜🎜🎜Wenn die Bedingung erfüllt ist, ersetzen Sie das Element am Index und verlassen Sie die for-Schleife. 🎜🎜🎜🎜Beispiel: 🎜🎜rrreee🎜🎜🎜🎜Wir haben eine einfache for-Schleife verwendet, um über das Array zu iterieren. In jeder Iteration prüfen wir, ob das Element das ist, das wir ersetzen möchten. 🎜🎜Sobald wir das Element gefunden und ersetzt haben, brechen wir aus der Schleife aus, um unnötige Arbeit zu vermeiden. 🎜🎜🎜Wenn Sie alle Array-Elemente durch einen bestimmten Wert ersetzen möchten, entfernen Sie einfach die break-Anweisung. 🎜🎜🎜【Empfohlenes Lernen: 🎜Javascript-Video-Tutorial🎜】🎜

    Das obige ist der detaillierte Inhalt vonSo ersetzen Sie bestimmte Elemente in einem Array in es6. 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