Maison  >  Article  >  interface Web  >  Comment remplacer les éléments spécifiés dans un tableau dans es6

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

青灯夜游
青灯夜游original
2022-11-16 17:57:303796parcourir

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']

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']

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;]

    2 .png
Nous 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!

Déclaration:
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