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不出现Flash激活框的小发现的js实现方法
Sep 07 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
微信小程序保存多张图片的实现方法
Mar 05 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
聊天室php&mysql(三)
2006/10/09 PHP
一个PHP的QRcode类与大家分享
2011/11/13 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
php提取微信账单的有效信息
2018/10/01 PHP
PHP 实现重载
2021/03/09 PHP
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
2012/06/22 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
2017/10/21 Javascript
js中null与空字符串""的区别讲解
2019/01/17 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
2020/11/27 Vue.js
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
python使用reportlab实现图片转换成pdf的方法
2015/05/22 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
大学生蛋糕店创业计划书
2014/01/13 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
统计学教授推荐信
2014/09/18 职场文书
学校标语口号大全
2015/12/26 职场文书
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫