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 相关文章推荐
学习ExtJS border布局
Oct 08 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
jquery图片上下tab切换效果
Mar 18 Javascript
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
js使用highlight.js高亮你的代码
Aug 18 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
微信小程序 button样式设置为图片的方法
Jun 19 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
php session 预定义数组
2009/03/16 PHP
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
PHP中把stdClass Object转array的几个方法
2014/05/08 PHP
JavaScript实现上下浮动的窗口效果代码
2015/10/12 Javascript
js全选按钮的实现方法
2015/11/17 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
jQuery实现图片局部放大镜效果
2016/03/17 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
解析js如何获取css样式
2016/12/11 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
vue-cli构建项目下使用微信分享功能
2018/05/28 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
VUE 动态组件的应用案例分析
2019/12/02 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
Python3.x对JSON的一些操作示例
2017/09/01 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
python正则表达式之对号入座篇
2018/07/24 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
浅谈python标准库--functools.partial
2019/03/13 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
采购内勤岗位职责
2013/12/10 职场文书
护士演讲稿范文
2014/01/05 职场文书
读后感作文评语
2014/12/25 职场文书
高考学习决心书
2015/02/04 职场文书
家长高考寄语
2015/02/27 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS
Golang日志包的使用
2022/04/20 Golang
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS