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 Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
node.js的事件机制
Feb 08 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 Javascript
解决Layui中layer报错的问题
Sep 03 Javascript
Vue快速实现通用表单验证的示例代码
Jan 09 Javascript
vue组件系列之TagsInput详解
May 14 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可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
php代码运行时间查看类代码分享
2011/08/06 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
[01:33:14]LGD vs VP Supermajor 败者组决赛 BO3 第二场 6.10
2018/07/04 DOTA
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
在python带权重的列表中随机取值的方法
2019/01/23 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
详解Python中的分支和循环结构
2020/02/11 Python
django rest framework serializer返回时间自动格式化方法
2020/03/31 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
简短大学毕业感言
2014/01/18 职场文书
中国入世承诺
2014/04/01 职场文书
软件研发工程师岗位职责
2014/09/30 职场文书
2014年消防工作总结
2014/11/21 职场文书
黄河绝恋观后感
2015/06/08 职场文书
高三化学教学反思
2016/02/22 职场文书
小学三年级作文之写景
2019/11/05 职场文书
php访问对象中的成员的实例方法
2021/11/17 PHP
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技