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 相关文章推荐
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
JS实现自定义简单网页软键盘效果代码
Nov 05 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
原生js封装运动框架的示例讲解
Oct 01 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
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中的常用函数回顾
2013/07/11 PHP
php利用curl抓取新浪微博内容示例
2014/04/27 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
namespace.js Javascript的命名空间库
2011/10/11 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
js友好的时间返回函数
2016/08/24 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
python实现通过shelve修改对象实例
2014/09/26 Python
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
Python中字符串的处理技巧分享
2016/09/17 Python
对pandas中to_dict的用法详解
2018/06/05 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
Python自动创建Excel并获取内容
2020/09/16 Python
浅析python连接数据库的重要事项
2021/02/22 Python
英国家用电器购物网站:Hughes
2018/02/23 全球购物
Larsson & Jennings官网:现代瑞士钟表匠
2018/03/20 全球购物
美国转售二手商品的电子商务平台:BLINQ
2018/12/13 全球购物
说出一些常用的类,包,接口
2014/09/22 面试题
酒店副总岗位职责
2013/12/24 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
公司离职证明样本
2014/09/13 职场文书
大学生操行评语大全
2014/12/31 职场文书
质量负责人岗位职责
2015/02/15 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
法定授权委托证明书
2015/06/18 职场文书
给校长的建议书作文500字
2015/09/14 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书