Good Mood

Résumé: Ce tutoriel vous montre comment utiliser la méthode splice() du tableau JavaScript pour supprimer des éléments existants, insérer de nouveaux éléments et remplacer des éléments dans un tableau.

JavaScript Array type fournit une méthodesplice() très puissante qui vous permet d’insérer de nouveaux éléments au milieu d’un tableau. Cependant, vous pouvez également utiliser cette méthode pour supprimer et remplacer des éléments existants.,

suppression d’éléments à L’aide de la méthode Splice() du tableau JavaScript

Pour supprimer des éléments d’un tableau, vous passez deux arguments dans la méthode splice() comme suit:

Code language: JavaScript (javascript)

le position premier élément à supprimer et l’argument num détermine le nombre d’éléments à supprimer.

la méthode splice() modifie le tableau d’origine et renvoie un tableau contenant les éléments supprimés.

prenons un coup d’oeil à l’exemple suivant.,

supposons que vous ayez un tableauscores qui contient cinq nombres de 1 à 5.

Code language: JavaScript (javascript)

l’instruction suivante supprime trois éléments du tableauscores à partir du premier élément.

Code language: JavaScript (javascript)

Le scores array contient deux éléments.

Code language: JavaScript (javascript)

Et le deletedScores array contient trois éléments.

Code language: JavaScript (javascript)

La figure suivante illustre le scores.splice(0,3) appel de la méthode ci-dessus.,

insertion d’éléments à L’aide de la méthode JavaScript Array splice ()

Vous pouvez insérer un ou plusieurs éléments dans un tableau en passant trois arguments ou plus ausplice() méthode avec le deuxième argument est zéro.

considérez la syntaxe suivante.

Code language: JavaScript (javascript)

Dans cette syntaxe:

• Le position spécifie la position de départ dans le tableau que les nouveaux éléments seront insérés.,
• Le deuxième argument est zero (0) qui demande à la méthodesplice() de ne supprimer aucun élément du tableau.
• Le troisième argument, le quatrième argument, etc. sont les nouveaux éléments insérés dans le tableau.

notez que la méthodesplice() change réellement le tableau d’origine. De plus, la méthode splice() ne supprime aucun élément, elle renvoie donc un tableau vide. Par exemple:

en Supposant que vous avez un tableau nommé colors avec trois chaînes de caractères.,

Code language: JavaScript (javascript)

La déclaration suivante insère un élément après le deuxième élément.

Code language: JavaScript (javascript)

Le colors array a maintenant quatre éléments avec le nouvel élément inséré dans la deuxième position.

Code language: JavaScript (javascript)

La figure suivante illustre l’appel de la méthode ci-dessus.,

Vous pouvez insérer plus d’un élément en passant par le quatrième argument, le cinquième argument, et ainsi de suite jusqu’à la balise splice() méthode comme dans l’exemple suivant.

Code language: JavaScript (javascript)

remplacement d’éléments à L’aide de la méthode JavaScript Array splice ()

la méthodesplice() vous permet d’insérer de nouveaux éléments dans un tableau tout en supprimant simultanément des éléments existants.,

Pour ce faire, vous passez au moins trois arguments avec le second qui spécifie le nombre d’éléments à supprimer et le troisième qui indique les éléments à insérer.

Notez que le nombre d’éléments à supprimer ne doit pas être le même que le nombre d’éléments à insérer.

supposons que vous ayez un tableau de langages de programmation avec quatre éléments comme suit:

Code language: JavaScript (javascript)

l’instruction suivante remplace le deuxième élément par un nouveau.,

Code language: JavaScript (javascript)

Le languages array a maintenant quatre éléments à la deuxième argument est 'Python' au lieu de 'C++'.

Code language: JavaScript (javascript)

La figure suivante illustre l’appel de la méthode ci-dessus.,

Vous pouvez remplacer un élément avec plusieurs éléments en passant plus des arguments dans la balise splice() méthode comme suit:

Code language: JavaScript (javascript)

La déclaration supprime un élément à partir du deuxième élément c’est à dire, Java et insère trois nouveaux éléments dans le languages array. Le résultat est comme suit.,

Code language: JavaScript (javascript)

Dans ce tutoriel, vous avez appris comment utiliser le Tableau de JavaScript splice() méthode pour supprimer des éléments existants, insérer de nouveaux éléments, et remplacer des éléments dans un tableau.