JS数组的增减操作方法有哪些,有何区别
Admin 2022-08-23 群英技术资讯 1112 次浏览
这篇文章主要讲解了“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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
案例数据使用localStorage持久性存储 全局过滤器实现时间格式化代码部分!DOCTYPE htmlhtml lang=zh head meta charset=UTF-8 meta name=viewport content=width=device-width, initia
这篇文章给大家分享的是微信小程序中列表信息展开收起的效果的实现。小编觉得挺实用的,因此分享给大家做个参考,文中示例代码介绍的非常详细,感兴趣的朋友接下来一起跟随小编看看吧。
本篇文章给大家带来了关于JavaScript的相关知识,其中主要为大家详细介绍了JavaScript变量类型以及变量之间的转换,文中示例代码介绍的非常详细,具有一定的参考价值,希望对大家有帮助。
TypeScript引入了很多静态编译语言的特性,今天有一个类型需要着重讨论下,这就是enum,需要的朋友们下面随着小编来一起学习学习吧
这篇文章主要介绍了JavaScript中直接写undefined的用法剖析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
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