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怎样实现ajax联动框(二)
Mar 08 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
JS实现的车标图片提示效果代码
Oct 10 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
Oct 29 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
深入理解js generator数据类型
Aug 16 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 Javascript
JavaScript中交换值的10种方法总结
Aug 18 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
地摊中国 - 珍藏老照片
2020/08/18 杂记
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
利用404错误页面实现UrlRewrite的实现代码
2008/08/20 Javascript
非主流的textarea自增长实现js代码
2011/12/20 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
IE、FF、Chrome浏览器中的JS差异介绍
2013/08/13 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
jQuery select表单提交省市区城市三级联动核心代码
2014/06/09 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
2014/09/09 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
理解AngularJs指令
2015/12/10 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
Python正则表达式常用函数总结
2017/06/24 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
python3去掉string中的标点符号方法
2019/01/22 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
Python3的socket使用方法详解
2020/02/18 Python
keras 多gpu并行运行案例
2020/06/10 Python
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
应届毕业生就业自荐信
2013/10/26 职场文书
最热门的自我评价
2013/12/30 职场文书
2014学雷锋活动心得体会
2014/03/10 职场文书
高一学生期末评语
2014/04/25 职场文书
团队会宣传标语
2014/10/09 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python
分享Python异步爬取知乎热榜
2022/04/12 Python