Splice vs Slice en JavaScript

Les tableaux JavaScript sont des objets spéciaux avec des propriétés prédéfinies. Ce sont les propriétés numériques qui peuvent être affectées aux valeurs passées en paramètres d’entrée. JavaScript fournit plusieurs méthodes pour travailler avec des tableaux. Certaines des méthodes de tableau les plus populaires sont .push(), .pop(), .reverse(), etc. Toutes ces méthodes modifieront le tableau.

Dans cet article, nous allons apprendre la différence entre splice et slice en JavaScript.

splice() vs slice() en JavaScript

splice()

La méthode splice() affecte ou modifie le contenu d’un tableau. Il supprime ou remplace des éléments existants et/ou ajoute de nouveaux éléments en place.

Syntaxe:

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2, itemN)

La méthode JavaScript Splice a trois paramètres dont le premier est start. Il s’agit d’un paramètre obligatoire qui spécifie la position/l’index de départ d’un tableau à partir duquel commencer à modifier le tableau. S’il est supérieur à la longueur du tableau, le début est défini sur la longueur du tableau.

Dans ce cas, aucun élément n’est supprimé, mais la méthode se comporte comme une fonction de sommation, en ajoutant autant d’éléments que [n*] éléments sont fournis. S’il est négatif, il commence par autant d’éléments à la fin du tableau.

Le deuxième paramètre est deleteCount, qui est un paramètre facultatif. Ce paramètre spécifie le nombre d’éléments du tableau à supprimer depuis le début. Si deleteCount est omis ou si sa valeur est égale ou supérieure à array.length - start, alors tous les éléments du début à la fin du tableau sont supprimés 0 ou négatif, aucun élément n’est supprimé. Dans ce cas, vous devez saisir au moins un nouvel article.

Le troisième paramètre est item1, item2, ... qui est un paramètre optionnel. Ce paramètre spécifie les éléments à ajouter au tableau, en commençant par le début. Si vous ne spécifiez pas d’élément, splice() élimine uniquement les éléments du tableau.

Cette méthode renvoie un tableau contenant les éléments supprimés. Un tableau d’un élément est renvoyé si un seul élément est supprimé. Un tableau vide est retourné, si aucun élément n’est supprimé. Pour plus d’informations, lisez la documentation de la méthode splice.

const osConfig = ['Linux', 'Ubuntu', 'MacOS', 'Windows'];
console.log(osConfig, osConfig.splice(0, 2));

Dans l’exemple ci-dessus, nous avons spécifié les différents types de systèmes d’exploitation. Lorsque vous essayez d’extraire le système d’exploitation open-source, cela affectera le tableau osConfig d’origine et renvoie un tableau qui ne contient pas le nom du système d’exploitation open-source. Lorsque vous exécutez le code ci-dessus dans n’importe quel navigateur, il imprimera quelque chose comme ça.

Production :

["MacOS", "Windows"], ["Linux", "Ubuntu"]

slice()

La méthode slice() renvoie une copie superficielle d’une partie d’un tableau dans un objet tableau nouvellement sélectionné du début à la fin, où début et fin sont les index des éléments de ce tableau. Le tableau d’origine ne sera ni affecté ni modifié. La méthode splice() peut prendre n nombre d’arguments, et la méthode slice() accepte 2 arguments.

Syntaxe:

slice()
slice(start)
slice(start, end)

La méthode JavaScript slice() contient deux paramètres, dont start est le premier paramètre, un paramètre optionnel. Ce paramètre spécifie l’index auquel démarrer l’extraction. Cet indice commence à 0. La valeur par défaut pour start est toujours 0. Si le début est supérieur à la longueur d’un tableau, un tableau vide est renvoyé.

Le second paramètre est une end, un paramètre optionnel. Ce paramètre spécifie le point de terminaison où l’extraction doit se terminer. slice extrait jusqu’à l’index spécifié mais n’inclut pas la fin. Par exemple, si la fin est n, le dernier élément extrait est n-1. Si la fin n’est pas spécifiée, la méthode slice extrait jusqu’à la fin du tableau.

Cette méthode renvoie un nouveau tableau contenant les éléments extraits. Pour plus d’informations, lisez la documentation de la méthode slice.

const osConfig = ['Linux', 'Ubuntu', 'MacOS', 'Windows'];
console.log(osConfig, osConfig.slice(0, 2););

Dans l’exemple ci-dessus, nous avons spécifié les différents types de systèmes d’exploitation. Lorsque vous essayez d’extraire le système d’exploitation open-source, cela n’affectera pas le tableau osConfig d’origine, mais à la place, il créera un nouveau tableau contenant le nom du système d’exploitation open-source. Lorsque vous exécutez le code ci-dessus dans n’importe quel navigateur, il imprimera quelque chose comme ça.

Production :

["Linux", "Ubuntu", "MacOS", "Windows"], ["Linux", "Ubuntu"]