js教程_JS数组学习之怎么去除头部或尾部元素

 所属分类:web前端开发

 浏览:194次-  评论: 0次-  更新时间:2022-06-08
描述:这是一篇js教程_JS数组学习之怎么去除头部或尾部元素的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 在...
这是一篇js教程_JS数组学习之怎么去除头部或尾部元素的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 在之前的文章《JS数组学习之如何在头部或尾部插入元素?》中,我们介绍了在数组的开头和末尾添加元素的方法。既然了解了添加元素的方法,那么也要知道对应的删除操作,今天我们来了解一下怎么使用JS去除数组头部或尾部的元素。

首先我们来看看如何删除数组头部的元素?

在JavaScript中,我们可以使用shift()函数来在数组开头删除元素。array.shift()函数可以把数组的第一个元素从其中删除,并返回第一个元素的值;然后将余下所有元素前移 1 位,以填补数组头部的空缺。

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

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

输出结果为:

1.png

可以看出:上例使用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)

输出结果为:

2.png

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

2、利用length属性----可以删除数组末尾的一个或多个元素(甚至是清空数组)

数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返回数组长度。

我们可以利用设置数组长度的特性,将length属性的设置的比原长度小,即可从数组尾部删除一个或多个元素;如果值设置为0,就会删除全部数组,即清空数组!

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

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)

输出结果为:

3.png

好了,就说到这里了,有需要的可以看:javascript高级教程

以上就是JS数组学习之怎么去除头部或尾部元素的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!