Comment remplacer les éléments spécifiés dans un tableau dans es6

青灯夜游
Libérer: 2023-01-11 19:07:11
original
3861 Les gens l'ont consulté

3 méthodes de remplacement : 1. Utilisez la notation entre crochets pour réaffecter, syntaxe "arr[index] = 'new element value';"; 2. Utilisez Array.splice() pour remplacer, syntaxe "arr.splice(index, 1 , 'nouvelle valeur d'élément');"; 3. Utilisez une boucle for pour remplacer la syntaxe "for(i=0;i

Comment remplacer les éléments spécifiés dans un tableau dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Méthode 1 : Utilisez la réaffectation de la notation entre parenthèses pour remplacer les éléments du tableau

Idée d'implémentation :

  • Utilisez la méthode indexOf() pour obtenir l'index de l'élément.

  • Utilisez la notation entre crochets pour modifier la valeur d'un élément à un index spécifique.

  • La valeur de l'élément du tableau sera mise à jour sur place.

Exemple :

const arr = ['a', 'b', 'c'];
const index = arr.indexOf('a'); // ?️  0
if (index !== -1) {
  arr[index] = 'z';
}
console.log(arr); // ?️ ['z', 'b', 'c']
Copier après la connexion

Comment remplacer les éléments spécifiés dans un tableau dans es6

Nous utilisons la méthode Array.indexOf() pour obtenir l'index de l'élément du tableau avec la valeur a.

Ensuite, nous remplaçons l'élément à cet index par la nouvelle valeur.

Veuillez noter que si la méthode indexOf ne trouve pas d'élément avec la valeur fournie, elle renvoie -1. Nous vérifions que la méthode ne renvoie pas un index de -1 pour garantir qu'il existe un élément avec la valeur spécifiée.

Les indices en JavaScript sont de base zéro, donc le premier élément a un index de 0 et le dernier élément a un index de 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']
Copier après la connexion

Comment remplacer les éléments spécifiés dans un tableau dans es6

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

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

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

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

我们将 start

Alternativement, nous pouvons utiliser la méthode array.splice().

Méthode 2 : utilisez Array.splice() pour remplacer des éléments dans le tableau

Idée d'implémentation :

Utilisez la méthode indexOf() pour obtenir l'index de l'élément à remplacer.

    Appelez la méthode Array.splice() pour remplacer l'élément à un index spécifique.
  • Les éléments du tableau seront remplacés sur place.
  • Exemple :
  • 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;]
    Copier après la connexion
    2 .pngNous transmettons les 3 paramètres suivants à la méthode Array.splice() :


    start index - Commence à changer l'index du tableau. Comment remplacer les éléments spécifiés dans un tableau dans es6

    delete count - Combien d'éléments doivent être supprimés du tableau.

    item1 - L'élément à ajouter au tableau.

    Nous définissons l'index start sur l'index de l'élément du tableau que nous voulons remplacer.

    🎜Nous définissons le nombre de suppressions sur 1, donc la méthode Array.splice() supprimera l'élément du tableau à l'index spécifié et ajoutera le troisième argument fourni au même index. 🎜🎜🎜En pratique, nous supprimons l'élément du tableau à l'index spécifié puis insérons une valeur différente au même index, nous finissons donc par remplacer l'élément du tableau. 🎜🎜Une autre façon consiste à utiliser une boucle for basique. **🎜🎜🎜🎜Méthode 3 : utilisez une boucle for pour remplacer les éléments du tableau🎜🎜🎜🎜Idée d'implémentation : 🎜🎜🎜🎜Utilisez une boucle for pour parcourir le tableau.longueur fois. 🎜🎜🎜🎜À chaque itération, vérifiez si l'élément du tableau est l'élément à remplacer. 🎜🎜🎜🎜Si la condition est remplie, remplacez l'élément à l'index et sortez de la boucle for. 🎜🎜🎜🎜Exemple : 🎜🎜rrreee🎜🎜🎜🎜Nous avons utilisé une boucle for de base pour parcourir le tableau. A chaque itération, on vérifie si l'élément est bien celui que l'on souhaite remplacer. 🎜🎜Une fois que nous avons trouvé et remplacé l'élément, nous sortons de la boucle pour éviter des travaux inutiles. 🎜🎜🎜Si vous souhaitez remplacer tous les éléments du tableau par une valeur spécifique, supprimez simplement l'instruction break. 🎜🎜🎜【Apprentissage recommandé : 🎜Tutoriel vidéo javascript🎜】🎜

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal