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兼容标准的表格变色效果
Jun 28 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
May 28 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
安装Node.js并启动本地服务的操作教程
May 12 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
May 27 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
Vue指令实现OutClick的示例
Nov 16 Javascript
vscode自定义vue模板的实现
Jan 27 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 cli 方式 在crotab中运行解决
2010/02/08 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
prototype class详解
2006/09/07 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
微信小程序 页面跳转传参详解
2016/10/28 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
实例教学如何写vue插件
2017/11/30 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
JS实现数组删除指定元素功能示例
2019/06/05 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
简单理解Python中的装饰器
2015/07/31 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
Python判断三段线能否构成三角形的代码
2020/04/12 Python
python代码中怎么换行
2020/06/17 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
学雷锋志愿者活动总结
2014/06/27 职场文书
报效祖国演讲稿
2014/09/15 职场文书
新员工考核评语
2014/12/31 职场文书
东京审判观后感
2015/06/01 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
MySQL如何使用使用Xtrabackup进行备份和恢复
2021/06/21 MySQL
Python 实现Mac 屏幕截图详解
2021/10/05 Python
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js