Les méthodes de mutator de l'arraie en JavaScript expliquées avec des exemples

Les méthodes de mutator de l'arraie en JavaScript expliquées avec des exemples
En JavaScript, les méthodes qui modifient ou écrasent les éléments de tableau d'origine sont appelés méthodes de mutator de tableau, et il existe de nombreuses méthodes intégrées disponibles en JavaScript qui peuvent être utilisées pour modifier les éléments du tableau d'origine. Par exemple, ForEach (), Reverse (), Splice (), Fill () et Shift (). Cet article fournira un aperçu approfondi de ces méthodes avec quelques exemples.

Méthode tri () en javascript

Le tri des éléments du tableau est très crucial, en JavaScript une méthode de construction 'trier()' est utilisé pour trier les éléments de tableau non triés, par défaut, il trie les éléments du tableau dans l'ordre croissant:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.trier();
console.log ("Le tableau tri:", input_array);

Nous utilisons la fonction tri () dans ce programme et, par conséquent, il renverra un tableau trié:

Nous pouvons également passer le paramètre de comparaison. Par exemple, considérez le code diable pour imprimer le tableau dans l'ordre descendant:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.tri (fonction (inférieur, plus haut)
Retour plus faible;
);
console.log ("Le tableau tri:", input_array);

Nous avons transmis deux paramètres à la fonction «inférieur» et «supérieur», et «plus haut» renverra la sortie dans l'ordre descendant tandis que «plus bas plus élevé» renvoie la sortie dans l'ordre croissant:

Méthode reverse () en javascript

Dans JavaScript, la méthode «Reverse ()» est utilisée pour inverser l'ordre des éléments du tableau, considérez le code donné pour comprendre le fonctionnement de la fonction inverse:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.inverse();
console.log ("le tableau inverse:", input_array);

La sortie de la fonction inverse sera:

Méthode push () en javascript

Pour ajouter de nouveaux éléments au tableau JavaScript utilise la méthode «push ()», il ajoute le nouvel élément au dernier index du tableau:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.push (100);
console.log ("le tableau mis à jour:", input_array);

Nous avons annexé «100» dans le tableau à l'aide de la méthode push, la sortie sera:

Méthode pop () en javascript

Dans JavaScript, la méthode «pop ()» supprime le dernier élément du tableau:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.populaire();
console.log ("le tableau mis à jour:", input_array);

Le code ci-dessus retirera le «6» du tableau et la sortie résultante sera:

Méthode Shift () en JavaScript

La méthode «Shift ()» est utilisée pour supprimer le premier élément du tableau:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.changement();
console.log ("le tableau mis à jour:", input_array);

Le code ci-dessus retirera le «15» du tableau et la sortie de ce programme sera:

Méthode UNSHIFT () en javascript

Dans JavaScript, les fonctions «Unsich ()» prennent un élément en tant que paramètre et le mettent au début du tableau:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.Un décalage (50);
console.log ("le tableau mis à jour:", input_array);

La sortie du code donné ci-dessus sera:

Film () Méthode en javascript

Dans JavaScript, la méthode «Fill ()» reproduit toutes les entrées d'un tableau avec une valeur spécifiée:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.remplir (50);
console.log ("le tableau mis à jour:", input_array);

Nous allons maintenant implémenter la méthode «remplir» sur le «Input_Array»:

Dans la sortie, tous les éléments du tableau seront reproduits avec le «50»:

La méthode de remplissage traite également des paramètres facultatifs. Il prend trois paramètres, d'abord pour la valeur spécifiée, deuxième pour l'index de départ et le troisième paramètre pour le dernier index. En conséquence, il reproduira tous les éléments du tableau de l'index de départ spécifié à la dernière index spécifiée.

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.remplir (50, 1, 4);
console.log ("le tableau mis à jour:", input_array);

Par exemple, nous avons passé 50, 1 et 3 dans la méthode de remplissage, maintenant la méthode de remplissage remplacera les éléments du tableau de l'index 1 à l'index 3 avec 50. Tandis que les valeurs des index restants resteront inchangés. Observez maintenant la sortie de la méthode de remplissage paramétré:

Méthode Splice () en javascript

En JavaScript, la méthode «Splice ()» est utilisée très fréquemment en raison de ses propriétés uniques et spécifiques. Il peut ajouter ou supprimer les éléments d'un tableau et il peut effectuer les deux actions simultanément.

La méthode «Splice ()» contient trois paramètres:

  • Le premier paramètre prend l'index de démarrage
  • Le deuxième paramètre spécifie le nombre total d'éléments à supprimer
  • Le troisième paramètre est facultatif et il faut l'élément pour insérer dans le tableau

Considérons maintenant un exemple où nous voulons ajouter un élément dans le tableau sans supprimer aucun élément existant:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.épissure (2, 0, 5);
console.log ("le tableau mis à jour:", input_array);

Dans cet exemple, nous définissons la valeur du deuxième paramètre comme 0. Dans la sortie, nous avons observé que «5» est ajouté à l'index deux, et il n'a supprimé aucune valeur existante:

Nous allons maintenant considérer un exemple où nous voulons supprimer un élément du tableau:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.épissure (1,2);
console.log ("le tableau mis à jour:", input_array);

Ici, dans le premier paramètre, nous spécifions l'index de départ «1» et dans le deuxième paramètre, nous écrivons «2» qui spécifie qui supprime deux éléments du tableau. Nous n'avons pas écrit le troisième paramètre parce que nous ne voulons pas ajouter un nouvel élément dans le tableau:

Dans la sortie, nous avons noté que les valeurs de l'indice 1 et 2 sont supprimées du tableau:

Nous allons maintenant considérer un exemple pour ajouter et supprimer quelques entrées d'un tableau simultanément:

const input_array = [15, 13, 0, 12, -10, 6];
Entrée_array.épissure (1,2,50);
console.log ("le tableau mis à jour:", input_array);

Ainsi, dans cet exemple, la méthode «Splice ()» spécifie que de l'index 1 supprimez deux éléments et insérez un nouvel élément à l'index 1:

Conclusion

Dans JavaScript, les méthodes de mutator ne créent pas de nouveaux tableaux, ils modifient plutôt les tableaux actuels. Dans cet article, nous avons couvert diverses fonctions de mutator de table. Nous apprenons comment les méthodes de mutator fonctionnent en JavaScript, et nous analysons que parmi toutes ces méthodes, la méthode POP et la méthode push modifient les index finaux du tableau tandis que la méthode de décalage et la méthode de décalage modifient les index initiaux du tableau. De plus, nous déterminons comment trier le tableau dans l'ordre croissant ou descendant et comment inverser ou reproduire les éléments du tableau en utilisant différentes méthodes de mutator.