当前位置:首页 > 前端 > JavaScript > 正文内容

js中push(),pop(),unshift(),shift()的用法小结

放牧的风3年前 (2018-05-21)JavaScript70

1、push()、pop()和unshift()、shift()

这两组同为对数组的操作,并且会改变数组的本身的长度及内容。

不同的是 push()、pop() 是从数组的尾部进行增减,unshift()、shift() 是从数组的头部进行增减。

var arr = [1, 2];

2、push()和unshift()

向数组的 尾部/头部 添加若干元素,并返回 数组的 新长度;

arr.push(3,4);         //返回 arr 的新长度 4
arr;                  // arr = [1,2,3,4];
arr.unshift(0,0.5);    // 返回 arr 的新长度 6
arr;                  // arr = [0,0.5,1,2,3,4];

3、pop()和shift()

从数组的 尾部/头部 删除1个元素(删且只删除1个),并返回 被删除的元素;空数组是继续删除,不报错,但返回undefined;

arr.pop();      //返回 4;
arr;          // arr = [0,0.5,1,2,3];
arr.pop();      //返回 3;
arr;         // arr = [0,0.5,1,2];
arr.shift();      // 返回 0 ;
arr;        // arr = [0.5,1,2]

      

 PS: pop()和shift() 不接受传参,即使传了参数也没什么卵用~~;

arr.pop(3);           // 返回 2;永远返回最后一个;
arr;        // arr = [0.5,1];
arr.shift(1);    // 返回 0.5; 永远返回第一个;
arr;        // arr = [1];
arr.pop();     // 返回 1;
arr;        // arr = [];
arr.shift();     // 返回 undefined;
arr;        // arr = [];


扫描二维码推送至手机访问。

版权声明:本文由放牧的风发布,如需转载请注明出处。

本文链接:https://faka.grazingwind.com/post/16.html

标签: JavaScript
分享给朋友:

相关文章

ES6必知必会 —— Module

1. ES6在语言标准的层面上,实现了模块功能,成为浏览器和服务器通用的模块解决方案,完全可以取代 CommonJS 和 AMD 规范,基本特点如下:每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存...

JavaScript深入系列目录

JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之执行上下文栈JavaScript深入之变量对象JavaScript深入之作用域链JavaScript深入之从ECMAScrip...

JavaScript 中常见设计模式整理

JavaScript 中常见设计模式整理

开发中,我们或多或少地接触了设计模式,但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点,从而对它们有比较清晰的认知。JavaScript 中常见设计模式单例模式策略模式代理模式迭代器模式发布-...

在jquery each循环中的continue和break

jquery each中不能直接使用continue或break解决方案要实现break和continue的功能的话,要使用其它的方式 break—-用return false; continue –用return tu...

这些原生DOM操作你还记住多少😨

这些原生DOM操作你还记住多少😨

前言 最近在二次封装一个公司内部的UI组件库,其中一个模块就是给 element-plus 的 message 进行扩展,大量运用到了原生DOM操作,操作DOM最方便...

二叉树及其遍历方法:JavaScript实践

二叉树及其遍历方法:JavaScript实践

二叉树常见的数组,栈,列表都是线性结构常见的树型结构有:文件夹目录,dom结构,路由的配置...二叉树二叉树是每个结点最多有两个子树的树形结构,每个结点的度最多是2。左边的称为 左子树 , 右边的称为 右子树 , 左子树 , 右子树 是有顺...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。