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 判断 object 的特定类转载
Feb 01 Javascript
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
JavaScript中数据类型转换总结
Dec 25 Javascript
JavaScript中利用for循环遍历数组
Jan 15 Javascript
JS中min函数实例讲解
Feb 18 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
layui表单验证select下拉框实现验证的方法
Sep 05 Javascript
vue实现路由监听和参数监听
Oct 29 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
利用node.js开发cli的完整步骤
Dec 29 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
PHP判断网络文件是否存在的方法
2015/03/12 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
JavaScript格式化数字的函数代码
2010/11/30 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
2016/10/05 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
2019/04/28 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
使用Python实现牛顿法求极值
2020/02/10 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
python装饰器代码深入讲解
2021/03/01 Python
既然说Ruby中一切都是对象,那么Ruby中类也是对象吗
2013/01/26 面试题
拉丁舞学习者的自我评价
2013/10/27 职场文书
办公室文秘岗位职责
2013/11/15 职场文书
公司活动策划方案
2014/01/13 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
社区结对共建协议书
2016/03/23 职场文书
2019年教师入党申请书
2019/06/27 职场文书
智慧人生:永远不需要向任何人解释你自己
2019/08/20 职场文书
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js
如何利用python实现列表嵌套字典取值
2022/06/10 Python