Maison > interface Web > Questions et réponses frontales > Comment supprimer des éléments dans un tableau dans es6

Comment supprimer des éléments dans un tableau dans es6

青灯夜游
Libérer: 2022-06-08 17:03:57
original
7417 Les gens l'ont consulté

Méthode de suppression : 1. Utilisez shift() pour supprimer le premier élément, la syntaxe "arr.shift()" ; 2. Utilisez pop() pour supprimer le dernier élément, la syntaxe "arr.pop()" ; . Utilisez splice () Supprimez n'importe quel élément en fonction de l'indice, la syntaxe est "arr.splice (démarrer l'indice, supprimer le nombre d'éléments)".

Comment supprimer des éléments dans un tableau dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

En JavaScript, il existe de nombreuses façons de supprimer des éléments d'un tableau. En voici quelques-unes.

Méthode 1 : utilisez la fonction shift() pour supprimer le premier élément du tableau

La fonction array.shift() peut en supprimer le premier élément du tableau et renvoyer la valeur du premier élément puis le tout restant ; les éléments sont avancés d’une position pour combler le vide en tête du tableau.

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
Copier après la connexion

Le résultat de sortie est :

Comment supprimer des éléments dans un tableau dans es6

On peut voir que : l'exemple ci-dessus utilise a.shift() pour supprimer la valeur 1 au début du tableau a, puis réinitialise l'index (en commençant à 0 encore une fois); et la méthode shift() Cela changera le tableau d'origine et modifiera la longueur du tableau ! Par conséquent, utilisez console.log(a) pour afficher le tableau d'origine, qui affiche le tableau dont le premier élément a été supprimé. console.log(a)来输出原数组,显示的是已经被删除开头元素的数组。

方法2:使用pop()删除最后一个数组元素

array.pop()方法可以删除数组 array 中最后一个元素,并返回被删除的元素。

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
Copier après la connexion

输出结果为:

Comment supprimer des éléments dans un tableau dans es6

可以看出:上例使用a.pop()来删除a数组末尾的数值8,然后会重置索引(重新从0开始);且pop()方法也会改变原数组,修改数组的长度!

方法3:使用 splice() 根据数组下标删除任意元素

使用splice()可以从指定下标位置开始删除一个或多个元素。

删除元素的语法:

array.splice(index,howmany)
Copier après la connexion
  • 第1个参数 index 可以指定起始下标位置(即开始删除元素的位置);

  • 第2个参数 howmany 指定应该删除的元素数目(即需要删除的一个或多个元素)。

我们通过下面的例子来具体看看:

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,2);
console.log(arr);
Copier après la connexion

可以看出:使用arr.splice(1,2)从下标1的位置(数组第2个元素)开始删除2个元素,也就是删除了arr[1]arr[2]

Méthode 2 : utilisez pop() pour supprimer le dernier élément du tableau Comment supprimer des éléments dans un tableau dans es6

La méthode array.pop() peut supprimer le dernier élément du tableau et renvoyer l'élément supprimé.

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(0,2);
console.log(arr);
Copier après la connexion
    Le résultat de sortie est :
  • 2 . png

  • On peut voir que l'exemple ci-dessus utilise a.pop() pour supprimer la valeur 8 à la fin du tableau a, puis réinitialise l'index (en commençant à 0). encore une fois); et pop() La méthode changera également le tableau d'origine et modifiera la longueur du tableau !

Comment supprimer des éléments dans un tableau dans es6Méthode 3 : utilisez splice() pour supprimer n'importe quel élément en fonction de l'indice du tableau

  • Utilisez splice() pour supprimer un ou plusieurs éléments à partir de la position d'indice spécifiée.

    Syntaxe de suppression d'éléments :
  • var arr= [1,2,3,4,5];
    console.log(arr);
    
    //从倒数第二个元素开始,截取两个元素
    arr.splice(-2,2);
    console.log(arr);
    Copier après la connexion

    Comment supprimer des éléments dans un tableau dans es6Le premier paramètre index peut spécifier la position de l'indice de départ (c'est-à-dire la position où l'élément est supprimé)

    Le deuxième paramètre combien spécifie le nombre d'éléments qui doivent être supprimés (c'est-à-dire un ou plusieurs éléments qui doivent être supprimés).

    🎜 Regardons de plus près l'exemple suivant : 🎜rrreee🎜 On peut voir que : utilisez arr.splice(1,2) pour partir de la position d'indice 1 (éléments du tableau n°2) commence à supprimer 2 éléments, c'est-à-dire que arr[1] et arr[2] sont supprimés, donc le résultat de sortie est : 🎜 🎜🎜🎜🎜Utilisez la méthode splice(), nous pouvons également implémenter l'opération de suppression d'éléments au début et à la fin du tableau : 🎜🎜🎜🎜Si vous souhaitez supprimer des éléments au début du tableau, définissez simplement la valeur de le premier paramètre index de la méthode à 0🎜🎜🎜rrreee🎜 🎜🎜🎜🎜🎜Si vous souhaitez supprimer un élément à la fin du tableau, définissez la valeur du premier paramètre index de cette méthode sur un nombre négatif, alors il sera positionné du côté droit du tableau vers la gauche en fonction de la valeur absolue ; et le deuxième paramètre combien La valeur doit être égale à la valeur de l'index. 🎜🎜🎜rrreee🎜🎜🎜🎜【Recommandations associées : 🎜tutoriel vidéo javascript🎜, 🎜front-end web🎜】🎜

    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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal