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 相关文章推荐
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
JS分页控件 可用于无刷新分页
Jul 23 Javascript
浅谈javascript中的闭包
May 13 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
Feb 27 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
node.js从数据库获取数据
May 08 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
Jul 01 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
socket.io实现在线群聊功能
Apr 07 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设置编码格式的方法
2013/03/05 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
IE中createElement需要注意的一个问题
2010/07/13 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
js实现图片上传预览原理分析
2017/07/13 Javascript
javaScript封装的各种写法
2017/08/14 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
Python 3.x读写csv文件中数字的方法示例
2017/08/29 Python
python实现控制台打印的方法
2019/01/12 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
解析Python3中的Import
2019/10/13 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
基于python代码批量处理图片resize
2020/06/04 Python
Django crontab定时任务模块操作方法解析
2020/09/10 Python
详解python百行有效代码实现汉诺塔小游戏(简约版)
2020/10/30 Python
Berghaus官网:户外服装和设备,防水服
2020/01/17 全球购物
Genny意大利官网:意大利高级时装品牌
2020/04/15 全球购物
Java语言程序设计测试题判断题部分
2013/01/06 面试题
医院护士见习期自我鉴定
2014/09/15 职场文书
2014年司法局工作总结
2014/12/11 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
表扬信格式模板
2015/05/05 职场文书
法定代表人身份证明书
2015/06/18 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL
Go语言特点及基本数据类型使用详解
2022/03/21 Golang