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 相关文章推荐
firefox中用javascript实现鼠标位置的定位
Jun 17 Javascript
jquery.tmpl JQuery模板插件
Oct 10 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
Oct 09 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
微信小程序实现canvas分享朋友圈海报
Jun 21 Javascript
jQuery实现评论模块
Aug 19 jQuery
详解vue中使用transition和animation的实例代码
Dec 12 Vue.js
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
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
Snoopy类使用小例子
2008/04/15 PHP
PHP伪静态页面函数附使用方法
2008/06/20 PHP
smarty内置函数section的用法
2015/01/22 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
setTimeout和setInterval的深入理解
2013/11/08 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
2017/01/04 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
django rest framework serializers序列化实例
2020/05/13 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
JSF如何进行表格处理及取值
2012/08/06 面试题
活动总结范文
2014/08/30 职场文书
初中成绩单评语
2014/12/29 职场文书
师范生教育见习总结
2015/06/23 职场文书