Javascript数组操作函数总结


Posted in Javascript onFebruary 05, 2015

其实平时用的比较多的应该是push和pop,不过还是都记下来,以便后面使用。

shift :删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

var a = [1,2,3,4,5]; 

var b = a.shift(); //a:[2,3,4,5] b:1

unshift :将参数添加到原数组开头,并返回数组的长度

var a = [1,2,3,4,5]; 

var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7

注:在IE6.0下测试返回值总为 undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。本文来自www.45it.com

pop :删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined

var a = [1,2,3,4,5]; 

var b = a.pop(); //a:[1,2,3,4] b:5

push :将参数添加到原数组末尾,并返回数组的长度

var a = [1,2,3,4,5]; 

var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

concat :返回一个新数组,是将参数添加到原数组中构成的

var a = [1,2,3,4,5]; 

var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

splice (start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...

var a = [1,2,3,4,5]; 

var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4] 

var b = a.splice(0,1); //同shift 

a.splice(0,0,-2,-1); var b = a.length; //同unshift 

var b = a.splice(a.length-1,1); //同pop 

a.splice(a.length,0,6,7); var b = a.length; //同push

---------------------------------------------------

splice详解

splice函数方法是从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。

arrayObj.splice( start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

其中arrayObj必选项。一个 Array 对象。

start是必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。

deleteCount是必选项。要移除的元素的个数。

item1, item2,. . .,itemN是必选项。要在所移除元素的位置上插入的新元素。

JavaScript中splice函数方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。

---------------------------------------------------

reverse :将数组反序

var a = [1,2,3,4,5]; 

var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]

sort (orderfunction):按指定的参数对数组进行排序

var a = [1,2,3,4,5]; 

var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]

slice (start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组

var a = [1,2,3,4,5]; 

var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

join (separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符

var a = [1,2,3,4,5]; 

var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

以上就是本文的全部内容了,希望小伙伴们能够喜欢。

Javascript 相关文章推荐
仿jQuery的siblings效果的js代码
Aug 09 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
js实现图片无缝滚动
Dec 23 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
新手如何快速理解js异步编程
Jun 24 Javascript
Javascript毫秒数用法实例
Feb 05 #Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 #Javascript
node.js集成百度UE编辑器
Feb 05 #Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 #Javascript
JavaScript计时器示例分析
Feb 05 #Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 #Javascript
使用pjax实现无刷新更改页面url
Feb 05 #Javascript
You might like
新52大事件
2020/03/03 欧美动漫
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
php实现httpRequest的方法
2015/03/13 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
React.js入门学习第一篇
2016/03/30 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
2019/10/16 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
用实例说明python的*args和**kwargs用法
2013/11/01 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
python读取和保存图片5种方法对比
2018/09/12 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
matplotlib实现区域颜色填充
2019/03/18 Python
树莓派升级python的具体步骤
2020/07/05 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
特步官方商城:Xtep
2017/03/21 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
售后服务科岗位职责范文
2013/11/13 职场文书
农救科工作职责
2013/11/27 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
收费员岗位职责
2015/02/14 职场文书
品质保证书格式
2015/02/28 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
预备党员党支部意见
2015/06/02 职场文书
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python