javascript数组常用方法汇总


Posted in Javascript onSeptember 10, 2016

本文为大家总结了javascript数组常用方法,具体内容如下

1、join()方法: 

Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。案例如下:

var a=[1,2,3];
   a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号。
   a.join("+");//=> "1+2+3" 指定分隔符为+
   a.join("-");//=> "1-2-3" 指定分隔符为-

Array.join()方法是String.split()方法的逆操作,后者是将字符串分割成若干块创建一个数组。 

2、 reverse()方法: 

Array.reverse()方法将数组中元素进行倒叙,返回倒叙的数组,它是在原来数组中进行倒叙,不产生的新数组,返回就是原来的数组,只不过里面元素已经进行倒叙重排了。案例如下:

var a=[1,2,3];
   a.reverse();// =>a=[3,2,1];

3、sort()方法: 

Array.sort()方法将数组中的元素排序,并返回排序好的数组。如果不传参数默认以字母表顺序进行排序。案例如下: 

var a=[4,3,1,2]
   a.sort();// =>[1,2,3,4]
   a.sort(function(a,b){return a-b;});//=>[1,2,3,4] 降序排列
   a.sort(function(a,b){return b-a;});//=>[4,3,2,1] 升序排列

      这里使用匿名函数很方便,因为函数只使用一次就没有必要给函数命名了。 

4、concat(): 

Array.concat()方法创建并返回一个新数组,新数组中的元素包含调用数组的元素和concat()中传入参数的值,传入的参数可以是单独数值,也可以是数组,concat()不会递归扁平化数组的数组。案例如下:

var a=[5,6,7];
  a.concat(1,2);// =>[5,6,7,1,2];
  a.concat([1,2]);// =>[5,6,7,1,2];
  a.concat(3,[1,2]);// =>[5,6,7,3,1,2];
  a.concat([1,[2,3]]);// =>[5,6,7,1,[2,3]];

5、slice()方法: 

Array.slice()方法返回指定数组的一个片段或子数组。里面可以传一个参数或两个参数,参数可以为正也可以为负。案例如下: 

var a=[5,6,7,3,1,2];
 a.slice(1)// =>[6,7,3,1,2] 数字参数指的是数组的索引,一个参数表示开始的位置,不传第二个参数默认为数组中元素个数。
  a.slice(1,3)// =>[6,7] 第二参数是数组索引结束位置,(不包含) index>=1&&index<3;
 a.slice(1,-3)// =>[6,7] 当参数中有负数时候,可以进行转换正数,方法就是-3+6(数组里元素个数)
  a.slice(-3,-2)// =>[3] 同理如上。

6、splice()方法: 

Array.splice()方法是在数组中插入或删除的通用方法。它会修改调用的数组,splice()可以传入三个参数,第一参数表示删除元素索引开始的地方,第二参数表示删除元素总数,第三参数,表示插入的元素,元素插入的位置就是删除元素开始的位置。案例如下:

var a=[5,6,7,3,1,2];
 a.splice(2);// =>[7,3,1,2] a=[5,6];//传入一个参数表示从索引开始删除之后所有的元素。
 a.splice(2,2);// =>[7,3]   a=[5,6,1,2];第二个参数表示删除元素的个数。
 a.splice(2,2,'a','b','c'); //=>[7,3] a=[5,6,'a','b','c',1,2];

7、push()和 unshift()方法: 

Array.push()方法就是向数组最后面添加元素,它返回的是新数组的长度;Array.unshift()方法就是向数组最前面添加元素,返回的是新数组的长度。案例如下:

var a=[1,2,3];
 a.push(4,5);// a=[1,2,3,4,5]; 返回 值为5;
 a.unshift(4,5);// a=[4,5,1,2,3]; 返回 值为5;☆传的参数可以一个,也可以多个。

8、pop()和 shift()方法: 

Array.pop()方法就是删除数组中最后一个元素,它返回是删除的元素;Array.shift()方法是删除数组最前面的元素,返回是删除的元素。

var a=[5,6,7];  
a.pop();// a=[5,6]; 返回值为 7  
a.shift();// a=[6,7]; 返回值 5

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
$.get获取一个文件的内容示例代码
Sep 11 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
javascript实现简单的进度条
Jul 02 Javascript
AngularJs表单验证实例详解
May 30 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
微信小程序整个页面的自动适应布局的实现
Jul 12 Javascript
JavaScript的一些小技巧分享
Jan 06 Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 #Javascript
Three.js快速入门教程
Sep 09 #Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 #Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 #Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 #Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
Sep 09 #Javascript
全面解析Bootstrap表单样式的使用
Sep 09 #Javascript
You might like
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
php初始化对象和析构函数的简单实例
2014/03/11 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
JavaScript模块随意拖动示例代码
2014/05/27 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
2015/09/06 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
js实现年月日表单三级联动
2020/04/17 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
javascript 判断用户有没有操作页面
2017/10/17 Javascript
JavaScript适配器模式详解
2017/10/19 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python类型强制转换long to int的代码
2013/02/10 Python
Python中的id()函数指的什么
2017/10/17 Python
python正则实现提取电话功能
2018/02/24 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
英国打印机墨水和碳粉商店:Printerinks
2017/06/30 全球购物
深入开展党的群众路线教育实践活动方案
2014/02/04 职场文书
淘宝好评语句大全
2014/12/31 职场文书
商务考察邀请函模板
2015/02/02 职场文书
护士求职自荐信
2015/03/25 职场文书
教师节祝酒词
2015/08/11 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python