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图表动画插件Highcharts Examples
Apr 16 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
JS解决ie6下png透明的方法实例
Aug 02 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
详解vue前后台数据交互vue-resource文档
Jul 19 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
JS监听组合按键思路及实现过程
Apr 17 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 广告调用类代码(支持Flash调用)
2011/08/11 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
JS之相等操作符详解
2016/09/13 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
新手该如何学python怎么学好python?
2008/10/07 Python
django限制匿名用户访问及重定向的方法实例
2018/02/07 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
浅谈Python3 numpy.ptp()最大值与最小值的差
2019/08/24 Python
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
python redis 批量设置过期key过程解析
2019/11/26 Python
浅谈Python中的继承
2020/06/19 Python
python 贪心算法的实现
2020/09/18 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
2018/01/11 HTML / CSS
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
网络教育毕业生自我鉴定
2013/10/10 职场文书
在校大学生个人的自我评价
2014/02/13 职场文书
教学个人的自我评价分享
2014/02/16 职场文书
网吧消防安全责任书
2014/07/29 职场文书
学习计划书怎么写
2014/09/15 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书