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实现无刷新DropDownList联动实现代码
Mar 08 Javascript
javascript针对DOM的应用分析(三)
Apr 15 Javascript
jquery mobile界面数据刷新的实现方法
May 28 Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
JS SetInterval 代码实现页面轮询
Aug 11 Javascript
vue中添加mp3音频文件的方法
Mar 02 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 Javascript
一百多行代码实现react拖拽hooks
Mar 23 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
模仿OSO的论坛(四)
2006/10/09 PHP
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
php 获取本地IP代码
2013/06/23 PHP
Smarty变量用法详解
2016/05/11 PHP
Yii框架数据模型的验证规则rules()被执行的方法
2016/12/02 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
PHP数据对象映射模式实例分析
2019/03/29 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
在JavaScript中使用timer示例
2014/05/08 Javascript
JavaScript通过元素的ID和name设置样式
2014/07/08 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
django_orm查询性能优化方法
2018/08/20 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
python操作gitlab API过程解析
2019/12/27 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
分别介绍一下Session Bean和Entity Bean
2015/03/13 面试题
法制宣传月活动总结
2014/04/29 职场文书
小学四年级学生评语
2014/12/26 职场文书
班主任培训研修日志
2015/11/13 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang