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 相关文章推荐
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
理解Javascript的call、apply
Dec 16 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
js改变style样式和css样式的简单实例
Jun 28 Javascript
Bootstrap轮播插件使用代码
Oct 11 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 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
php 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
详解Node.js中的事件机制
2016/09/22 Javascript
AngularJS实现进度条功能示例
2017/07/05 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
React-Native左右联动List的示例代码
2017/09/21 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
解决python写的windows服务不能启动的问题
2014/04/15 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python模拟用户登录验证
2017/09/11 Python
python集合是否可变总结
2019/06/20 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
python Yaml、Json、Dict之间的转化
2020/10/19 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
EJB与JAVA BEAN的区别
2016/08/29 面试题
暑期实践思想汇报
2014/01/06 职场文书
初中地理教学反思
2014/01/11 职场文书
聘任书模板
2014/03/29 职场文书
校园环保标语
2014/06/13 职场文书
医院领导班子查摆问题对照检查材料思想汇报
2014/10/08 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python