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 相关文章推荐
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
Sep 14 Javascript
用js的for循环获取radio选中的值
Oct 21 Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
vue.js利用defineProperty实现数据的双向绑定
Apr 28 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
vue写h5页面的方法总结
Feb 12 Javascript
js实现橱窗展示效果
Jan 11 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 Javascript
Paypal支付不完全指北
Jun 04 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生成图片缩略图的方法
2015/04/07 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
php闭包中使用use声明变量的作用域实例分析
2018/08/09 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
jcrop基本参数一览
2013/07/16 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
聊聊Python中的pypy
2018/01/12 Python
Python实现的读取电脑硬件信息功能示例
2018/05/30 Python
Django项目中包含多个应用时对url的配置方法
2018/05/30 Python
Python 互换字典的键值对实例
2019/02/12 Python
python地震数据可视化详解
2019/06/18 Python
Python 寻找局部最高点的实现
2019/12/05 Python
python复合条件下的字典排序
2020/12/18 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
韩国11街:11STREET
2018/03/27 全球购物
英国领先的在线高尔夫设备零售商:Golfgeardirect
2020/12/11 全球购物
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
总经理驾驶员岗位职责
2013/12/04 职场文书
军训心得体会
2013/12/31 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏