JavaScript数组方法--pop、shift、unshift
其实还有一个方法push,应该放在一起说的,问题是他跟concat跑了,那只剩下这哥仨了。
pop:pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。
捎带一下push,push是在数组当中最后存入参数当中传递过来的元素,而pop恰好相反,删除数组当中最后一个元素。
似乎没什么好说的,而且方法本身,也不需要任何参数,其返回值是从数组中删除的元素(当数组为空时返回undefined)。
需要注意的是他会改变元素长度。好吧,我们开始重构吧!function pop (arr) {
if (!(arr instanceof Array)) throw new Error("请确保参数类型为数组")
var el;
if (arr.length > 0) {
el = arr[arr.length - 1]
arr.length = arr.length - 1
}
return el
}shift:shift()方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。
shift真可以算作pop的兄弟方法了,pop删除的是最后一个元素,而shift删除的是第一个元素。其他所有要求和用法都完全一致的。使用shift时也不需要任何参数,而其返回值是从数组中删除的元素(当数组为空时返回undefined)。只不过该值是数组当中的第一个。
还是直接上重构的代码吧!function shift (arr) {
if (!(arr instanceof Array)) throw new Error("请确保参数类型为数组")
var el;
if (arr.length > 0) {
el = arr[0]
for (var i = 0; i < arr.length - 1; i++) {
arr[i] = arr[i + 1]
}
arr.length = arr.length - 1
}
return el
}与pop非常类似,多做的一步是,删除了第一个元素之后,需要把后面的所有元素前移,然后再将数组长度减小。
既然第一个元素可以被删除,那么肯定也可以添加元素到第一位。unshift:方法将一个或多个元素添加到数组的开头,并返回该数组的新长度。unshift()
看定义,是不是跟push很像,只不过他是添加到元素开头。
既然添加元素,那么参数就必不可少了。arr.unshift(element1, ..., elementN)
注意他修改的数组本身,而返回值是数组长度。有push方法在前,unshift就好理解的多了。
直接重构吧!function unshift (arr) {
if (!(arr instanceof Array)) throw new Error("请确保第一个参数类型为数组")
let i = arguments.length - 1
while (i) {
for (var j = arr.length; j > 0; j--) {
arr[j] = arr[j - 1]
}
arr[0] = arguments[i--]
}
return arr.length
}
JavaScript数组方法--pop、shift、unshift的更多相关文章
- 数组方法push() pop() shift() unshift() splice() sort() reverse() contact()浅拷贝 slice()原数组拷贝
push() pop() shift() unshift() splice() sort() reverse() 参考资料:https://wangdoc.com/javascript/stdlib/ ...
- js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip
push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会依次添加到数组的末尾. 该函数属于Array对象,所有主流浏览器均支持该函数. 语法 array.push( ite ...
- JavaScript数组方法大全(推荐)
原网址:http://www.jb51.net/article/87930.htm 数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习, ...
- JavaScript数组方法详解
JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中 ...
- JavaScript数组方法大集合
JavaScript数组方法集合 本文总结一下js数组处理用到的所有的方法.自己做个笔记. 数组方法 concat() 合并两个或多个数组 concat()能合并两个或者多个数组,不会更改当前数组,而 ...
- 一站式超全JavaScript数组方法大全
一站式JavaScript数组方法大全(建议收藏) 方法一览表 详细操作 本人总结了JavaScript中有关数组的几乎所有方法(包含ES6之后新增的),并逐一用代码进行演示使用,希望可以帮助大家! ...
- JavaScript数组方法--every、some、fill
接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...
- 【译】你应该了解的JavaScript数组方法
让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...
- JavaScript 数组方法处理字符串 prototype
js中数组有许多方法,如join.map,reverse.字符串没有这些方法,可以“借用”数组的方法来处理字符串. <!doctype html> <html lang=" ...
随机推荐
- 设计一个字符串类String(C++练习题)
要求:设计一个字符串类String,可以求字符串长度,可以连接两个串(如,s1=“计算机”,s2=“软件”,s1与s2连接得到“计算机软件”),并且重载“=”运算符进行字符串赋值,编写主程序实现:s1 ...
- MySQL 对分组后的同类数据进行拼接字符串
MySQL 对分组后的同类数据进行拼接字符串 写后台方法时遇到个问题,需要将表内同一订单号的操作记录流水进行简单拼接输出,不想取出来再操作,找了个mysql的方法直接操作 //group_concat ...
- laravel 修改时邮箱字段唯一性验证时忽略指定 ID
- ubuntu18安装微信
1.从git下载tar包 wget http://github.com/geeeeeeeeek/electronic-wechat/releases/download/V2.0/linux-x64.t ...
- goroutine 知识点
goroutine: 协程是用户态的轻量级线程: 协程之间,通过消息传递进行通信(大多数语言通过共享内存进行通信) select 使用的场景: 正常处理业务的 routine 退出(超时.不满足某条件 ...
- 专访笨叔叔:2019年可能是Linux年?(转)
链接:https://zhuanlan.zhihu.com/p/57815479 2017年9月<奔跑吧 Linux内核>一书出版后得到了广大Linux从业人员和爱好者(特别是从事Linu ...
- ubutun 下配置php和postgresql
安装完成后,检查PHP扩展. php -m | grep pdo_pgsql php -m 和phpinfo应该是不同的配置文件, 你在php -m 中能看到的话, 说明你只在php -i|grup ...
- postman插件部分Header设置无效的解决办法
在使用chrome的postman插件模拟http请求的时候,碰到了设置的部分Headers无效的问题,比如说Referer设置后就无效,经过查询发现了问题原因,原因的具体说明参考postman官网的 ...
- APS技术中的多目标规划问题
在进行APS(高级计划与排程)系统开发时,绝大多数情况下是需要考虑多目标的.但面对多目标问题进行规划求解时,我们往往极容易因处理方法不当,而影响输出结果,令结果与用户期望产生较大差别.事实上很多时候用 ...
- Optaplanner终于支持多线程并行运行 - Multithreaded incremental solving
Optaplanner 7.9.0.Final之前,启动引擎开始对一个Problem进行规划的时候,只能是单线程进行的.也就是说,当引擎对每一个possible solution进行分数计算的过程中, ...