Méthode splice

La méthode splice supprime ou ajoute des éléments dans un tableau. Vous pouvez uniquement supprimer des éléments, uniquement en ajouter ou faire les deux simultanément. La méthode est très polyvalente et complexe à appréhender. La méthode modifie le tableau lui-même et renvoie le tableau des éléments supprimés.

Le premier paramètre de la méthode est l'indice de l'élément du tableau à partir duquel supprimer. Le deuxième paramètre - le nombre d'éléments du tableau à supprimer. S'il est mis à 0 - alors aucun élément ne sera supprimé (uniquement de nouveaux éléments ajoutés). Ensuite, séparés par des virgules, viennent les éléments qui doivent être ajoutés au tableau (ce sont des paramètres facultatifs). Ces éléments seront ajoutés à la place des éléments supprimés du tableau.

S'il n'y a pas eu de suppression (lorsque le deuxième paramètre est 0) - les éléments seront insérés dans le tableau en commençant à la position spécifiée par le premier paramètre de la méthode. Le premier paramètre peut avoir une valeur négative. Dans ce cas, le comptage de la position ne commencera pas depuis le début du tableau, mais depuis la fin. Le dernier élément aura alors le numéro -1.

Syntaxe

javascripttableau.splice(à partir d'où supprimer, combien supprimer, [insérer], [insérer]...);

Exemple

Supprimons trois éléments, en commençant par le premier :

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 3);

console.log(arr);

Résultat de l'exécution du code :

javascript['a', 'e']

Exemple

Affichons le tableau des éléments supprimés :

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
let del = arr.splice(1, 3);

console.log(del);

Résultat de l'exécution du code :

javascript['b', 'c', 'd']

Exemple

Supprimons d'abord l'élément d'indice 2, puis à sa place insérons trois nouveaux éléments :

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(2, 1, '1', '2', '3');

console.log(arr);

Résultat de l'exécution du code :

javascript['a', 'b', '1', '2', '3', 'd', 'e']

Exemple

Ne supprimons rien maintenant, mais à la position 2, insérons trois nouveaux éléments :

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(2, 0, '1', '2', '3');

console.log(arr);

Résultat de l'exécution du code :

javascript['a', 'b', '1', '2', '3', 'c', 'd', 'e']

Exemple . Valeur négative

Supprimons l'avant-dernier élément :

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(-2, 1);

console.log(arr);

Résultat de l'exécution du code :

javascript['a', 'b', 'c', 'e']

Voir aussi

  • la méthode slice,
    qui extrait également des parties d'un tableau
  • la méthode shift,
    qui supprime le premier élément d'un tableau
  • la méthode pop,
    qui supprime le dernier élément d'un tableau