转载 

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

分类:前端    303人阅读    IT小君  2020-08-20 00:17

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 = [];

 

点击广告,支持我们为你提供更好的服务

响应式时尚单品在线商城网站模板

html5 svg夜空中星星流星动画场景特效

HTML5 Canvas竖直流动线条背景动画特效

html5图标下拉搜索框自动匹配代码

响应式太阳能能源公司网站模板

有机水果蔬菜HTML5网站模板

网页设计开发公司网站模板

HTML5现代家居装潢公司网站模板

HTML5数字产品服务公司网站模板

中小型创意设计服务公司网站模板

canvas炫酷鼠标移动文字粒子特效

js+css3抽奖转盘旋转点餐代码

html5 canvas进度条圆环图表统计动画特效

jQuery右端悬浮带返回顶部特效

现代时尚家具公司网站模板

css+js实现的颜色渐变数字时钟动画特效

css鼠标跟随文字模糊特效

响应式咖啡饮品宣传网站模板

html5 canvas彩色碎片组合球形旋转动画特效

小众时尚单品在线电子商务网站模板

点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务