JS数组的增减操作方法有哪些,有何区别
Admin 2022-08-23 群英技术资讯 1192 次浏览
这篇文章主要讲解了“JS数组的增减操作方法有哪些,有何区别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS数组的增减操作方法有哪些,有何区别”吧!
pop():该方法用于删除数组的最后一个元素,并返回被删除的元素。
官方语法:
arrayObject.pop()
shift():该方法用于删除数组的第一个元素,并返回被删除的元素。
官方语法:
arrayObject.shift()
push():该方法用于向数组末尾添加一个或者多个元素,并返回新的长度。
官方语法:
arrayObject.push(newelement1,newelement2,....,newelementX)
unshift():该方法用于向数组的开头添加一个或者多个元素,并返回新的长度。
官方语法:
arrayObject.unshift(newelement1,newelement2,....,newelementX)
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
语法:
arrayObject.push(newelement1,newelement2,....,newelementX)
参数描述:
newelement1:必需。要添加到数组的第一个元素。
newelement2:可选。要添加到数组的第二个元素。
newelementX:可选。可添加多个元素。
返回值:
把指定的值添加到数组后的新长度。
实例:
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)
</script>输出:

pop() 方法用于删除并返回数组的最后一个元素。
语法:
arrayObject.pop()
返回值:
arrayObject 的最后一个元素。
实例:
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr)
document.write("<br />")
document.write(arr.pop())
document.write("<br />")
document.write(arr)
</script>输出:

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
语法:
arrayObject.unshift(newelement1,newelement2,....,newelementX)
参数描述:
newelement1:必需。向数组添加的第一个元素。
newelement2:可选。向数组添加的第二个元素。
newelementX:可选。可添加若干个元素。
返回值:
arrayObject 的新长度。
实例:
<script type="text/javascript">
var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.unshift("William") + "<br />")
document.write(arr)
</script>输出:

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
语法:
arrayObject.shift()
返回值:
数组原来的第一个元素的值。
实例:
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.shift() + "<br />")
document.write(arr)
</script>输出:

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
JS有哪些高效的魔法运算符?对于JS运算符大家应该都比较熟悉,但JavaScript在不断更新,也会增加不少高效的运算法,这篇文章给大家分享一些高效的魔法运算符,感兴趣的朋友就继续往下看吧。
这篇文章主要介绍了一个处理react异常的ErrorBoundary组件,简单实用,代码详细,对这个组件感兴趣的朋友可以参考下
这篇文章给大家分享的是用JS实现重置功能的方法。对于重置的功能大家应该都不陌生,当网页填写的信息需要大量修改时,重置功能快速的重置页面,非常的方便。文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
这篇文章主要介绍了采用React编写小程序的Remax框架的编译流程解析(推荐),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,本片文章讲的很详细,大家可以看看,希望能够给你带来帮助
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008