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 相关文章推荐
IE中createElement需要注意的一个问题
Jul 13 Javascript
JavaScript实现数组随机排序的方法
Jun 26 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
用Webpack构建Vue项目的实践
Nov 07 Javascript
Node.js文件编码格式的转换的方法
Apr 27 Javascript
vue实现点击选中,其他的不选中方法
Sep 05 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
Vue实现背景更换颜色操作
Jul 17 Javascript
Javascript中window.name属性详解
Nov 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循环输出数据库内容的代码
2008/05/24 PHP
PHP开发中常用的8个小技巧
2008/08/27 PHP
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
判断ie的两种简单方法
2013/08/12 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
jQuery Ajax File Upload实例源码
2016/12/12 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python通过配置文件共享全局变量的实例
2019/01/11 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
python with (as)语句实例详解
2020/02/04 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
Django框架请求生命周期实现原理
2020/11/13 Python
新西兰优惠网站:Treat Me
2019/07/04 全球购物
优秀求职自荐信怎样写
2013/12/18 职场文书
七年级历史教学反思
2014/02/05 职场文书
关于环保的建议书400字
2014/03/12 职场文书
白血病募捐倡议书
2014/05/14 职场文书
销售团队获奖感言
2014/08/14 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
详解python网络进程
2021/06/15 Python
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL
Python如何加载模型并查看网络
2022/07/15 Python