使用JavaScript从数组中删除最后一项(3种方法)

在上一篇文章《javascript限制输入框只允许整数和小数点(两种方法)》中给大家介绍了怎么用javascript实现限制输入框只允许整数和小数点,感兴趣的朋友可以去学习了解一下~

本文将要讲解的内容则是教大家如何使用JavaScript从数组中删除最后一项。

下面我将通过3个示例来讲解使用JavaScript从数组中删除最后一项的方法:

第一个示例代码:

注:此示例使用splice() 方法从数组中删除最后一项。

立即学习“Java免费学习笔记(深入)”;

nbsp;HTML>        

    PHP中文网

var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); var array = [34, 24, 31, 48]; el_up.innerHTML = "Array = [" + array + "]"; function gfg_Run() { array.splice(-1, 1); el_down.innerHTML = "删除后的数组 = [" + array + "]"; }

登录后复制

运行结果如下:

GIF 2021-8-26 星期四 下午 3-02-06.gif

JavaScript Array splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目;该方法会改变原始数组。

第二个示例代码:

注:此示例使用pop() 方法从数组中删除最后一项。

nbsp;HTML>        

    PHP中文网

var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); var array = [34, 24, 31, 48]; el_up.innerHTML = "Array = [" + array + "]"; function gfg_Run() { array.pop(); el_down.innerHTML = "删除后的数组 = [" + array + "]"; }

登录后复制

运行结果如下:

GIF 2021-8-26 星期四 下午 3-04-00.gif

JavaScript Array pop()方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

第三个代码示例:

注:此示例不会从数组中删除最后一项,而是使用slice() 方法返回一个已删除项的新数组。

nbsp;HTML>        

    PHP中文网

var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); var array = [34, 24, 31, 48]; el_up.innerHTML = "Array = [" + array + "]"; function gfg_Run() { el_down.innerHTML = "删除后的数组 = [" + array.slice(0, -1) + "]"; }

登录后复制

运行结果如下:

GIF 2021-8-26 星期四 下午 3-07-32.gif

JavaScript Array slice() 方法可从已有的数组中返回选定的元素,slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分; slice() 方法不会改变原始数组。

最后给大家推荐《JavaScript基础教程》~欢迎大家学习~

以上就是使用JavaScript从数组中删除最后一项(3种方法)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2708550.html

(0)
上一篇 2025年3月7日 20:22:38
下一篇 2025年3月6日 06:24:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论