Javascript D’Épissure

| | | | | | | | | | | | | | | | | | | | |

La méthode JavaScript splice() modifie un tableau. Il est utilisé pour ajouter de nouveaux éléments à un tableau ou supprimer ou modifier des éléments existants. splice() change le tableau sur lequel il est utilisé. Cela ne crée pas un nouveau tableau.

Il est courant de vouloir ajouter ou supprimer des éléments d’une liste d’éléments existants. Par exemple, disons que vous avez un programme qui renvoie des informations sur les employés. Un employé est en vacances. Vous pouvez les supprimer temporairement de votre programme.

Vous pouvez utiliser splice () pour ajouter des éléments, supprimer des éléments ou modifier des éléments dans un tableau. Cette méthode vous permet d’ajouter ou de supprimer des éléments d’un tableau. Dans ce tutoriel, nous allons montrer comment fonctionne la méthode splice() et comment l’utiliser dans du code JavaScript.

Mettre à jour un tableau

Le contenu d’un array peut inclure des nombres, des chaaînes et des booléens. En JavaScript, vous pouvez utiliser un tableau pour stocker plus d’informations au lieu de stocker des données dans plusieurs variables. Par exemple, si vous avez une classe de dix élèves, vous pouvez créer un tableau pour répertorier chacun de leurs noms.

Les tableaux sont accessibles en utilisant leurs numéros d’index, qui commencent à 0. Voici un exemple de tableau:

JavaScript splice ()

La méthode JavaScript splice () ajoute, modifie ou supprime un élément d’un tableau. splice() modifie un tableau existant.

Regardons la syntaxe de splice():

splice() accepte trois paramètres:

  • L’index nombre de départ (obligatoire)
  • Le nombre d’éléments du tableau que vous souhaitez supprimer (facultatif)
  • √âléments à ajouter à la liste (facultatif)

Vous pouvez ajouter plusieurs éléments à une liste en utilisant la jonction. Pour ce faire, vous devez spécifier tous les éléments que vous souhaitez ajouter comme paramètres finaux.

splice () JavaScript: Supprimer du tableau

Nous avons une liste de noms d’élèves. Paul a déménagé dans une autre école et. Nous voulons le supprimer de notre liste de noms. Voici un exemple de suppression de splice () un nom de notre tableau:

Après avoir exécuté notre code, nous obtiendrons la sortie suivante:

["Alex", "Fred", "Molly"]

Nous avons supprimé l’élément commençant par l’index "3" Dans ce cas, le

Si nous devions supprimer le deuxième argument de notre code, tous les éléments après l’index" 3 " il aurait également été supprimé.

splice () JavaScript: ajouter au tableau

Si nous voulions ajouter un autre étudiant à notre tableau, nous pouvons également utiliser splice (). Si nous ajoutons un troisième paramètre, nous pourrions spécifier ce qui doit être ajouté au tableau. Voici un exemple:

La sortie de ce code est la suivante:

["Alex", "Fred", "Molly", "Paul", "Hannah"]

La nouvelle chaaîne "Hannah" a été ajoutée à la fin du tableau, à la position d’index "4". Notez que notre deuxième paramètre a été défini sur 0 car nous ne supprimons aucun élément de notre tableau. Splice facilite l’ajout de nouveaux éléments à un tableau.

Nous pourrions ajouter plus de noms en incluant des paramètres supplémentaires dans notre code:

student var = [" Alex ", " Fred " , " Molly ", " Paul "]

étudiants.splice (4, 0, " Hannah ", " Lily ");

console.log (étudiants);

Ce code ajoute à la fois "Hannah" et "Lily" à notre liste.

splice () JavaScript: ajouter et remove from array

Si nous voulons ajouter et supprimer des éléments d’un tableau en même temps, nous pouvons également utiliser splice(). Voici un exemple en action:

La sortie de ce code est la suivante:

["Alex", "Fred", "Hannah" , "Paul "]

Notre code a supprimé l’élément du tableau avec la valeur d’index "2", qui était "Molly". Ainsi, notre code a ajouté "Hannah" à la position d’index de "2".

JavaScript Splice vs. Slice

Certains développeurs confondent JavaScript slice() et splice() car slice() peut également être utilisé pour supprimer des éléments d’un tableau. Cependant, il existe quelques différences entre ces deux méthodes.

Premièrement, slice() ne modifie pas le tableau d’origine, tandis que (comme vu ci-dessus) la jonction modifie le vecteur d’origine. De plus, splice () renvoie le nouveau tableau avec toutes les modifications apportées, tandis que splice () renvoie uniquement l’élément supprimé.

Conclusion

splice ( ) ajoute éléments à, supprime des éléments ou modifie des éléments dans un tableau existant. Vous pouvez ajouter ou supprimer autant d’éléments d’un tableau que vous le souhaitez en utilisant splice().

C’est tout ce que vous devez savoir sur splice() en JavaScript. Bref, si vous cherchez à ajouter ou supprimer un élément des tableaux JavaScript, splice() peut être une fonction utile à connaaître.

Pour en savoir plus sur JavaScript, lisez notre guide sur meilleurs tutoriels pour les débutants JavaScript .