js数组操作学习总结


Posted in Javascript onNovember 04, 2013

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代替本方法来使用。

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

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 相关文章推荐
javascript中定义类的方法详解
Feb 10 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
关于js原型的面试题讲解
Sep 25 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
微信小程序滑动选择器的实现代码
Aug 10 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
JS利用prototype给类添加方法操作详解
Jun 21 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
解决layui的input独占一行的问题
Sep 10 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
Javascript执行效率全面总结
Nov 04 #Javascript
jquery的map与get方法详解
Nov 04 #Javascript
ajax请求get与post的区别总结
Nov 04 #Javascript
jquery text(),val(),html()方法区别总结
Nov 04 #Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 #Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 #Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 #Javascript
You might like
杏林同学录(九)
2006/10/09 PHP
php中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
详解Yaf框架PHPUnit集成测试方法
2017/12/27 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
JS实现div居中示例
2014/04/17 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
2014/05/07 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
Python深度优先算法生成迷宫
2018/01/22 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
pybind11在Windows下的使用教程
2019/07/04 Python
python3实现高效的端口扫描
2019/08/31 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
Python requests上传文件实现步骤
2020/09/15 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
数控技术应届生求职信
2013/11/13 职场文书
高中生学习的自我评价
2013/12/14 职场文书
企业员工辞职信范文
2015/05/12 职场文书
幼儿园见习总结
2015/06/23 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
webpack的移动端适配方案小结
2021/07/25 Javascript
Go语言基础map用法及示例详解
2021/11/17 Golang