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 相关文章推荐
超级退弹代码
Jul 07 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
js取模(求余数)隔行变色
May 15 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
Mar 13 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
Aug 03 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
Vue.js watch监视属性知识点总结
Nov 11 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
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
深入理解PHP内核(一)
2015/11/10 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
javascript检查日期格式的函数[比较全]
2008/10/17 Javascript
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
JS的Document属性和方法小结
2013/09/17 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
2016/08/05 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
canvas简单快速的实现知乎登录页背景效果
2017/05/08 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
vue根据进入的路由进行原路返回的方法
2018/09/26 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
python使用append合并两个数组的方法
2015/04/28 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
Python应用领域和就业形势分析总结
2019/05/14 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
美国在线宠物商店:Chewy
2019/01/12 全球购物
高效课堂标语
2014/06/26 职场文书
上课说话检讨书
2015/01/27 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书