Maison > Article > interface Web > Comment supprimer le premier élément du tableau jquery
Deux méthodes : 1. Utilisez shift() pour supprimer le premier élément. La syntaxe est "array object.shift();". Cette méthode renverra la valeur de l'élément après avoir supprimé le premier élément du tableau. 2. Utilisez splice() pour supprimer le premier élément. splice() peut supprimer le nombre spécifié d'éléments à partir de la position spécifiée. Définissez simplement la position de départ sur 0 et le nombre à supprimer sur 1. La syntaxe est "objet tableau". épissure(0,1);".
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.0, ordinateur Dell G3.
Il existe deux façons de supprimer le premier élément d'un tableau dans jquery :
Utilisez shift()
Utilisez splice()
Méthode 1 : Utilisez shift() pour supprimer le premier élément La méthode
shift() est utilisée pour supprimer le premier élément du tableau et renvoyer la valeur du premier élément.
Remarque : Cette méthode modifie la longueur du tableau !
<!doctype html> <html> <head> <meta charset="UTF-8"> <script src="./js/jquery-3.6.0.min.js"></script> </head> <body> <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(fruits); fruits.shift(); console.log(fruits); </script> </body> </html>
Méthode 2 : Utilisez splice() pour supprimer le premier élément
La méthode splice() est utilisée pour insérer, supprimer ou remplacer des éléments d'un tableau.
Syntaxe de suppression :
splice(index,1)
Le premier paramètre index est la position de l'élément à supprimer dans le tableau, et le deuxième paramètre est le numéro à supprimer (car seul le premier élément doit être supprimé, le nombre est 1 ).
<!doctype html> <html> <head> <meta charset="UTF-8"> <script src="./js/jquery-3.6.0.min.js"></script> </head> <body> <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(fruits); fruits.splice(0,1); console.log(fruits); </script> </body> </html>
【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!