Comment remplacer l'objet dans un tableau en javascript

En JavaScript, Array est une structure de données couramment utilisée. Pour manipuler les données, vous devez savoir comment les récupérer, les ajouter et les remplacer dans un tableau. Plus précisément, vous pouvez remplacer ou ajouter un ou plusieurs éléments d'un tableau à l'aide des méthodes JavaScript-prédéfinies.

Ce billet de blog décrira les méthodes pour remplacer les objets dans les tableaux JavaScript.

Comment remplacer l'objet dans un tableau en javascript?

Pour remplacer un objet dans un tableau, JavaScript fournit des méthodes prédéfinies qui sont les suivantes:

• • Utilisation d'index
  • Utilisation de la méthode indexof ()
  • Utilisation ou boucle
  • En utilisant la méthode Splice ()

Discutons des méthodes mentionnées ci-dessus une par une!

Méthode 1: Remplacer l'objet dans un tableau à l'aide d'index

Il s'agit de la méthode la plus simple pour remplacer un élément dans un tableau. Chaque élément d'un tableau est accessible en utilisant un index, à partir de 0. Dans cette approche, vous devez utiliser des crochets pour accéder à un élément de tableau.

Syntaxe

Suivez la syntaxe donnée pour remplacer l'objet en utilisant l'index du tableau:

Array [index] = élément;

Ici, l'élément sera remplacé dans l'indice spécifié du tableau.

Exemple

Nous allons créer un tableau nommé «couleurs"Puis imprimez-le sur la console en utilisant le"console.enregistrer()" méthode:

var couleurs = ["rouge", "bleu", "vert", "rose"];
console.Log ("Array d'origine:", couleurs);

Ensuite, remplacez l'élément d'un tableau en passant l'index du tableau à l'aide de la notation du support. Nous remplacerons l'élément de l'index "1" avec "violet»:

couleurs [1] = "violet";

Imprimez le nouveau tableau sur la console avec la même longueur:

console.journal ("Array remplacé:", couleurs);

La sortie signifie que l'objet du tableau «bleu"Est remplacé avec succès par"violet»:

Passons à la deuxième méthode!

Méthode 2: Remplacer l'objet dans un tableau à l'aide de la méthode indexof ()

Il y a une autre méthode "Indice de()«Cela sortira l'index de l'élément spécifié dans un tableau. Si l'argument passé ne peut pas être situé dans un tableau, il produit -1. Par conséquent, si vous ne connaissez pas l'index d'un élément, utilisez la méthode indexof () pour obtenir l'index spécifié du tableau.

Syntaxe

La syntaxe suivante est utilisée pour le «Indice de()" méthode:

Déployer.indexof ("élément");

Exemple

Ici, nous utiliserons le même tableau de "couleurs”Créé dans l'exemple précédent. Maintenant, obtenez l'index de l'objet du tableau "rouge" en utilisant le "Indice de()"Méthode et le stocker dans une variable"coloridex»:

const ColorIndex = couleurs.indexof ("rouge");

Ensuite, vérifiez l'index de l'arraie s'il n'est pas égal à -1, alors remplacez l'objet de l'array "rouge" avec "orange»:

if (colorindex !== -1)
Couleurs [ColorIndex] = 'Orange';

Enfin, imprimez le nouveau tableau en remplaçant l'élément du Array:

console.log ("Nouveau tableau:", couleurs);

Sortir

Voyons une autre méthode pour remplacer les objets dans un tableau.

Méthode 3: Remplacez l'objet dans un tableau en utilisant pour la boucle

L'objet peut être remplacé dans un tableau en utilisant le «pour" boucle. Il iratera le tableau jusqu'à ce que la valeur spécifiée ne se produise pas; Chaque fois que la valeur correspond aux objets du tableau, la méthode le remplace par un nouvel élément.

Syntaxe

Utilisez la syntaxe ci-dessous de la boucle FOR pour remplacer les objets dans un tableau:

pour (var i = 0; i…

Exemple

Ici, le même tableau nommé «couleurs"Est utilisé pour remplacer le"rose"Avec tout autre objet"noir”Utilisation de Loop:

pour (LET COLORINDEX = 0; < colors.length; colorIndex ++)
if (couleurs [colorindex] === 'rose')
Couleurs [ColorIndex] = 'noir';
casser;

Ensuite, imprimez le tableau résultant en utilisant le «console.enregistrer()" méthode:

console.log ("Nouveau tableau:", couleurs);

La sortie indique que l'objet du tableau d'origine «rose"Est remplacé par le nouvel objet"noir»:

Si vous souhaitez remplacer les éléments du tableau d'un tableau à n'importe quel index spécifié, suivez la section suivante.

Méthode 4: Remplacer l'objet dans un tableau à l'aide de la méthode Splice ()

Utilisez la méthode prédéfinie JavaScript "épissure()«Pour remplacer les objets dans un tableau. Il ajoute ou supprime les éléments de tableau spécifiés et modifie le tableau d'origine. Il est utilisé dans une combinaison de la méthode indexof () pour accéder à l'index de l'élément de tableau spécifié et à l'épisser.

Syntaxe

Suivez la syntaxe donnée pour utiliser la méthode Splice () pour remplacer les éléments dans un tableau:

déployer.Splice (startIndex, DeleteCount, élément1,…, élémentn)

Ici le "startIndex«Est l'emplacement dans le tableau où un nouvel élément doit être placé:«deleteCount"Indique le nombre d'éléments qui doivent être éliminés et le« «élément1,…, élémentn«Sont les éléments qui doivent être remplacés.

Exemple

Nous obtiendrons d'abord l'index de l'objet du tableau "vert"En le passant dans le"Indice de()"Méthode et le stocker en variable"coloridex»:

const ColorIndex = couleurs.indexof ("vert");

Ensuite, appelez la méthode Splice () et passez l'index de l'élément "vert«Qui est stocké dans la variable colorindex, qui sera remplacée:«1«Est un déletecocount signifie éliminer un seul élément d'un tableau et«Blanc«En tant que remplaceur:

couleurs.Splice (ColorNindex, 1, «blanc»);

Enfin, imprimez le nouveau tableau sur la console:

console.log ("Nouveau tableau:", couleurs);

Nous avons rassemblé toutes les meilleures approches pour remplacer les objets des tableaux JavaScript.

Conclusion

Pour remplacer l'objet dans un tableau, JavaScript fournit des méthodes prédéfinies, telles que l'utilisation de l'index d'un tableau, le «Indice de()”Méthode, la boucle pour ou le«épissure()" méthode. Toutes ces méthodes ont effectivement remplacé un objet à partir d'un tableau. La première méthode est le moyen le plus courant de remplacer les éléments d'un tableau, mais il est utile dans les petits tableaux dont les index sont connus. Dans ce blog, nous avons décrit les différentes façons de remplacer les objets dans les tableaux JavaScript.