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 相关文章推荐
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
jquery 最简单易用的表单验证插件
Feb 27 Javascript
JS日期和时间选择控件升级版(自写)
Aug 02 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
JavaScript利用append添加元素报错的解决方法
Jul 01 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 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中ADODB类详解
2008/03/25 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
枚举JavaScript对象的函数
2006/12/22 Javascript
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
详解react、redux、react-redux之间的关系
2018/04/11 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访 神秘商人痛陈生计不易
2018/04/05 DOTA
打印出python 当前全局变量和入口参数的所有属性
2009/07/01 Python
python实现问号表达式(?)的方法
2013/11/27 Python
python实现从web抓取文档的方法
2014/09/26 Python
操作Windows注册表的简单的Python程序制作教程
2015/04/07 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
如何写好优秀的创业计划书
2014/01/30 职场文书
大型公益活动策划方案
2014/08/20 职场文书
公司档案管理制度
2015/08/05 职场文书
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android