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 相关文章推荐
JQuery this 和 $(this) 的区别
Aug 23 Javascript
jquery ui dialog ie8出现滚动条的解决方法
Dec 06 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
May 07 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
jquery常用的12个小功能
Jul 22 Javascript
jquery datatable服务端分页
Aug 31 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 Javascript
koa router 多文件引入的方法示例
May 22 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
Win9x/ME下Apache+PHP安装配置
2006/10/09 PHP
php过滤危险html代码
2008/08/18 PHP
PHP中的str_repeat函数在JavaScript中的实现
2013/09/16 PHP
php的socket编程详解
2016/11/20 PHP
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
python的正则表达式re模块的常用方法
2013/03/09 Python
python线程池的实现实例
2013/11/18 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
python 划分数据集为训练集和测试集的方法
2018/12/11 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python os.listdir()乱码解决方案
2021/01/31 Python
科室工作的个人自我评价
2013/10/30 职场文书
在校学生职业规划范文
2014/01/08 职场文书
小学生防溺水广播稿
2014/01/12 职场文书
初中班主任评语
2014/04/24 职场文书
师范生免费教育协议书范本
2014/10/09 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
入党自荐书范文
2015/03/05 职场文书
保送生自荐信范文
2015/03/26 职场文书
《迟到》教学反思
2016/02/24 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
PyTorch中permute的使用方法
2022/04/26 Python