您的位置是:网站首页>Javascript编程Javascript编程

javascript中删除数组元素的方法有哪些

少儿编程网2021-05-26 14:14:12Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介删除方法:1、length属性,从数组末尾删除元素;2、delete关键字,语法“delete数组名[下标];”;3、pop()栈方法;4、shift()队列方法;5、splice()函数,语法“splice(开始位置,删除数目)”。本教程操作环境:windows7系统、javascript1.8.

版权所有:https://wWw.pxcodeS.com

删除方法:1、length属性,从数组末尾删除元素;2、delete关键字,语法“delete 数组名[下标];”;3、pop()栈方法;4、shift()队列方法;5、splice()函数,语法“splice(开始位置, 删除数目)”。s0L少儿编程网-https://www.pxcodes.com

s0L少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。s0L少儿编程网-https://www.pxcodes.com

在JavaScript中,除了Object之外,Array类型(数组)恐怕就是**常用的类型了。与其他语言的数组相比,JavaScript中的Array非常灵活。这种灵活性有利有弊,好处是其富有创造性,可以提供各种灵活的解决方案;坏处是容易脑子不够用,因为事实上,它太灵活了,灵活到无法控制的抓狂。s0L少儿编程网-https://www.pxcodes.com

前面调侃了几句,回归正题,这里要总结5个在JavaScript中删除Array元素的方法,分别是利用length属性、delete关键字、pop()栈方法、shift()队列方法、splice()操作方法。s0L少儿编程网-https://www.pxcodes.com

length属性s0L少儿编程网-https://www.pxcodes.com

JavaScript中Array的length属性非常有特点一一它不是只读的。因此,可以通过设置这个属性来达到从数组的末尾移除项或添加新项的目的。s0L少儿编程网-https://www.pxcodes.com

var colors = ["red", "blue", "grey"]; // 创建一个包含3个字符串的数组
colors.length = 2;

console.log(colors[2]); // undefined

delete关键字s0L少儿编程网-https://www.pxcodes.com

JavaScript提供了一个delete关键字用来删除(清除)数组元素。s0L少儿编程网-https://www.pxcodes.com

var colors = ["red", "blue", "grey", "green"];
delete colors[0];

console.log(colors); // [undefined, "blue", "grey", "green"]

要注意的是,使用delete删除元素之后数组长度不变,只是被删除元素被置为undefined了。s0L少儿编程网-https://www.pxcodes.com

pop()栈方法s0L少儿编程网-https://www.pxcodes.com

JavaScript中的Array对象提供了一个pop()栈方法用于弹出并返回数组中的**后一项,某种程度上可以当做删除用。s0L少儿编程网-https://www.pxcodes.com

栈数据结构的访问规则是FILO(First In Last Out,先进后出),栈操作在栈顶添加项,从栈顶移除项,使用pop()方法,它能移除数组中的**后一项并返回该项,并且数组的长度减1。s0L少儿编程网-https://www.pxcodes.com

var colors = ["red", "blue", "grey"];
var color = colors.pop();

console.log(color); // "grey"
console.log(colors.length); // 2

可以看出,在调用pop()方法时,数组返回**后一项,即”grey”,数组的元素也仅剩两项。s0L少儿编程网-https://www.pxcodes.com

shift()队列方法s0L少儿编程网-https://www.pxcodes.com

JavaScript中的Array对象提供了一个shift()队列方法用于弹出并返回数组中的第一项,某种程度上也可以当做删除用。s0L少儿编程网-https://www.pxcodes.com

队列数据结构的访问规则是FIFO(First In First Out,先进先出),队列在列表的末端添加项,从列表的前端移除项,使用shift()方法,它能够移除数组中的第一个项并返回该项,并且数组的长度减1。s0L少儿编程网-https://www.pxcodes.com

var colors = ["red", "blue", "grey"];
var color = colors.shift();

console.log(color); // "red"
console.log(colors.length); // 2

可以看出,在调用shift()方法时,数组返回第一项,即”red”,数组的元素也仅剩两项。s0L少儿编程网-https://www.pxcodes.com

splice()操作方法 s0L少儿编程网-https://www.pxcodes.com

在JavaScript的Array对象中提供了一个splice()方法用于对数组进行特定的操作。splice()恐怕要算**强大的数组方法了,他的用法有很多种,在此只介绍删除数组元素的方法。在删除数组元素的时候,它可以删除任意数量的项,只需要指定2个参数:要删除的第一项的位置和要删除的项数。s0L少儿编程网-https://www.pxcodes.com

var colors = ["red", "blue", "grey"];
var color = colors.splice(0, 1);

console.log(color); // "red"
console.log(colors); // ["blue", "grey"]

可以看出,在调用了splice(0, 1)方法时,数组从第一项开始,删除了一项。s0L少儿编程网-https://www.pxcodes.com

【推荐学习:javascript高级教程】

以上就是javascript中删除数组元素的方法有哪些的详细内容,更多请关注少儿编程网其它相关文章!s0L少儿编程网-https://www.pxcodes.com

来源:php中文网s0L少儿编程网-https://www.pxcodes.com

版权所有:https://wWw.pxcodeS.com

相关文章:

支持一下 ( )

javascript中删除数组元素的方法有哪些

      匿名评论
    • 评论
    人参与,条评论
    javascript中删除数组元素的方法有哪些

微信公众号

免费视频教程

先知道