Maison  >  Article  >  interface Web  >  Tableau JS apprenant à supprimer les éléments de tête ou de queue

Tableau JS apprenant à supprimer les éléments de tête ou de queue

青灯夜游
青灯夜游original
2021-08-18 18:04:366415parcourir

Dans l'article précédent « Apprentissage des tableaux JS : Comment insérer des éléments en tête ou en queue ? 》, nous avons introduit la méthode d'ajout d'éléments au début et à la fin du tableau. Maintenant que vous savez comment ajouter des éléments, vous devez également connaître les opérations de suppression correspondantes. Aujourd'hui, nous allons apprendre à utiliser JS pour supprimer des éléments de la tête ou de la queue d'un tableau.

Jetons d'abord un coup d'oeilComment supprimer les éléments en tête du tableau ?

En JavaScript, nous pouvons utiliser la fonction shift() pour supprimer des éléments au début d'un tableau. La fonction array.shift() peut supprimer le premier élément du tableau et renvoyer la valeur du premier élément ; puis déplacer tous les éléments restants vers l'avant d'une position pour remplir la tête du tableau. array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

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

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

输出结果为:

Tableau JS apprenant à supprimer les éléments de tête ou de queue

可以看出:上例使用a.shift()来删除a数组开头的数值1,然后会重置索引(重新从0开始);且shift()方法会改变原数组,修改数组的长度!因此使用console.log(a)来输出原数组,显示的是已经被删除开头元素的数组。

删除数组头部元素的方法我们了解了,接下来我们看看如何删除数组尾部的元素?

删除数组尾部元素可以有多种方法,这里会给大家介绍两种:一种是使用pop()方法;另一种利用length属性。

1、使用pop()方法----可以删除数组末尾的一个元素

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

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

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

输出结果为:

Tableau JS apprenant à supprimer les éléments de tête ou de queue

可以看出:上例使用a.pop()

Regardons de plus près l'exemple suivant :

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=7;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=6;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=3;
console.log(a)

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.length=0;
console.log(a)
Le résultat de sortie est :

Tableau JS apprenant à supprimer les éléments de tête ou de queue

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 le index (en recommençant à partir de 0) ;Et la méthode shift() 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é.

Nous savons comment supprimer les éléments en tête du tableau. Voyons ensuite

Comment supprimer les éléments en queue du tableau ?

Il existe de nombreuses façons de supprimer les éléments de queue du tableau. Ici, nous présenterons deux méthodes : l'une consiste à utiliser la méthode pop() ; l'autre consiste à utiliser l'attribut length.

Tableau JS apprenant à supprimer les éléments de tête ou de queue

1. Utilisez la méthode pop() ---- vous pouvez supprimer un élément à la fin du tableau

La méthode array.pop() peut supprimer le dernier élément du tableau. et renvoie les éléments d'élément supprimés.

🎜Regardons l'exemple suivant : 🎜rrreee🎜Le résultat de sortie est : 🎜🎜Tableau JS apprenant à supprimer les éléments de tête ou de queue🎜🎜On peut voir que l'exemple ci-dessus utilise a.pop() pour supprimer la valeur 8 à la fin de a tableau, puis réinitialisez-le Index (redémarre à partir de 0); et la méthode pop() changera également le tableau d'origine et modifiera la longueur du tableau ! 🎜🎜🎜2. Utilisez l'attribut length ---- vous pouvez supprimer un ou plusieurs éléments à la fin du tableau (ou même effacer le tableau)🎜🎜🎜L'attribut length du tableau est généralement utilisé pour définir ou renvoyer le nombre d'éléments dans le tableau, c'est-à-dire définir ou renvoyer la longueur du tableau. 🎜🎜Nous pouvons profiter de la fonctionnalité de définition de la longueur du tableau et définir l'attribut de longueur pour qu'il soit plus petit que la longueur d'origine pour supprimer un ou plusieurs éléments de la fin du tableau si la valeur est définie sur 0, le le tableau entier sera supprimé, c'est-à-dire que le tableau sera effacé ! 🎜🎜Regardons de plus près l'exemple suivant : 🎜rrreee🎜Le résultat de sortie est : 🎜🎜🎜🎜🎜D'accord, c'est tout, vous pouvez le lire si vous en avez besoin : 🎜Tutoriel avancé javascript🎜🎜

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!

Déclaration:
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