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的内存泄漏
Mar 04 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
jQuery插件Echarts实现的渐变色柱状图
Mar 23 jQuery
JS实现微信摇一摇原理解析
Jul 22 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
如何开发一个虚拟域名系统
2006/10/09 PHP
php获取操作系统语言代码
2013/11/04 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
PHP静态方法和静态属性及常量属性的区别与介绍
2019/03/22 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
2017/11/22 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
关于AngularJS中几种Providers的区别总结
2020/05/17 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
介绍Python中的文档测试模块
2015/04/28 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python高级property属性用法实例分析
2019/11/19 Python
python如何更新包
2020/06/11 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
介绍Ibatis的核心类
2013/11/18 面试题
do you have any Best Practice for testing
2016/06/04 面试题
北京振戎融通Java面试题
2015/09/03 面试题
称象教学反思
2014/02/03 职场文书
2014年六一儿童节演讲稿
2014/05/23 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
撤诉书怎么写
2015/05/19 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
SpringBoot生成License的实现示例
2021/06/16 Java/Android