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 相关文章推荐
JS宝典学习笔记(下)
Jan 10 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
javascript定时器完整实例
Feb 10 Javascript
javascript实现简单的分页特效
Aug 12 Javascript
js编写当天简单日历效果【实现代码】
May 03 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
JavaScript数据结构之数组的表示方法示例
Apr 12 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
vue插件实现v-model功能
Sep 10 Javascript
Vue实现点击导航栏当前标签后变色功能
Aug 19 Javascript
微信小程序实现拼图小游戏
Oct 22 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教程归纳总结
2008/06/07 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
javascript预览上传图片发现的问题的解决方法
2010/11/25 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
javascript数据结构之双链表插入排序实例详解
2015/11/25 Javascript
详解JavaScript中return的用法
2017/05/08 Javascript
使用jquery的jsonp如何发起跨域请求及其原理详解
2017/08/17 jQuery
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
js实现select下拉框选择
2020/01/11 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
Python3.2中的字符串函数学习总结
2015/04/23 Python
Python中规范定义命名空间的一些建议
2016/06/04 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
Python中turtle库的使用实例
2019/09/09 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
Nixon手表英国官网:美国尼克松手表品牌
2020/02/10 全球购物
法学院方阵解说词
2014/01/29 职场文书
护士毕业生自荐信
2014/02/07 职场文书
企业承诺书格式
2014/05/21 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
禁毒主题班会教案
2015/08/14 职场文书
Python基础之元类详解
2021/04/29 Python
Python中else的三种使用场景
2021/06/16 Python
vue选项卡切换的实现案例
2022/04/11 Vue.js