Épissure de tableau JavaScript ()

La méthode JavaScript Array splice () renvoie un tableau en modifiant (en ajoutant / supprimant) ses éléments en place.

La syntaxe de la splice()méthode est:

 arr.splice(start, deleteCount, item1,… , itemN)

Ici, arr est un tableau.

Paramètres splice ()

La splice()méthode prend en compte:

  • start - L'index à partir duquel le tableau est modifié.
  • deleteCount (facultatif) - Le nombre d'éléments à supprimer start.
  • item1,…, itemN (facultatif) - Les éléments à ajouter à l' startindex. S'il n'est pas spécifié, splice()supprimera uniquement les éléments du tableau.

Valeur renvoyée par splice ()

  • Renvoie un tableau contenant les éléments supprimés.

Remarque: la splice()méthode modifie le tableau d'origine.

Exemple 1: Utilisation de la méthode splice ()

 let languages = ("JavaScript", "Python", "Java", "Lua"); // replacing "Java" & "Lua" with "C" & "C++" let removed = languages.splice(2, 2, "C", "C++"); console.log(removed); // ( 'Java', 'Lua' ) console.log(languages); // ( 'JavaScript', 'Python', 'C', 'C++' ) // adding elements without deleting existing elements let removed1 = languages.splice(1, 0, "Java", "Lua"); console.log(removed1); // () console.log(languages); // ( 'JavaScript', 'Java', 'Lua', 'Python', 'C', 'C++' ) // removing 3 elements let removed2 = languages.splice(2, 3); console.log(removed2); // ( 'Lua', 'Python', 'C' ) console.log(languages); // ( 'JavaScript', 'Java', 'C++' )

Production

 ('Java', 'Lua') ('JavaScript', 'Python', 'C', 'C ++') () ('JavaScript', 'Java', 'Lua', 'Python', 'C', ' C ++ ') (' Lua ',' Python ',' C ') (' JavaScript ',' Java ',' C ++ ')

Exemple 2: Utilisation de splice () pour différentes valeurs de deleteCount

  • Si start> array.length , splice()ne supprime rien et commence à ajouter des arguments à la fin du tableau.
  • Si start <0 , l'index est compté à partir de l'arrière ( array.length + start ). Par exemple, -1 est le dernier élément.
  • Si array.length + start <0 , il commencera à partir de l'index 0 .
 let languages = ("JavaScript", "Python", "Java", "Lua"); // does not removes, only appends to the end let removed = languages.splice(5, 2, "C++"); console.log(removed); // () console.log(languages); // ("JavaScript", "Python", "Java", "Lua", "C++") // remove last element and add 3 more elements let removed1 = languages.splice(-1, 1, "Swift", "Scala", "Go"); console.log(removed1); // ( "C++" ) console.log(languages); // ("JavaScript", "Python", "Java", "Lua", "Swift", "Scala", "Go") 

Production

 () ("JavaScript", "Python", "Java", "Lua", "C ++") ('C ++') ("JavaScript", "Python", "Java", "Lua", "Swift", " Scala "," Allez ")

Exemple 3: Utilisation de splice () pour différentes valeurs de départ

  • Si deleteCount est omis ou est supérieur au nombre d'éléments restants dans le tableau, il supprime tous les éléments du début à la fin du tableau.
  • Si deleteCount est égal à 0 ou négatif , aucun élément n'est supprimé. Mais, au moins un nouvel élément doit être spécifié.
 let languages = ("JavaScript", "Python", "Java", "Lua"); // removes everything from start let removed = languages.splice(1); console.log(removed); // ( "Python", "Java", "Lua" ) console.log(languages); // ( "JavaScript" ) // remove none & add 3 more element let removed1 = languages.splice(1, -2, "Swift", "Scala", "Go"); console.log(removed1); // ( ) console.log(languages); // ( "JavaScript", "Swift", "Scala", "Go" ) 

Production

 ("Python", "Java", "Lua") ("JavaScript") () ("JavaScript", "Swift", "Scala", "Go")

Lectures recommandées:

  • JavaScript Array.pop ()
  • JavaScript Array.push ()

Articles intéressants...