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高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
javascript实现yield的方法
Nov 06 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
vue-property-decorator用法详解
Dec 12 Javascript
Vuex模块化应用实践示例
Feb 03 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 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
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
php实现文件预览功能
2017/05/23 PHP
解决laravel 5.1报错:No supported encrypter found的办法
2017/06/07 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
jquery入门—编写一个导航条(可伸缩)
2013/01/07 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
页面实时更新时间的JS实例代码
2013/12/18 Javascript
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
Javascript之图片的延迟加载的实例详解
2017/07/24 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Python中使用动态变量名的方法
2014/05/06 Python
Python实现TCP/IP协议下的端口转发及重定向示例
2016/06/14 Python
详解supervisor使用教程
2017/11/21 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
python设置环境变量的原因和方法
2019/06/24 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
Django Rest framework权限的详细用法
2019/07/25 Python
django创建简单的页面响应实例教程
2019/09/06 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
英国时尚运动品牌的合集:The Sports Edit
2017/12/20 全球购物
个人授权委托书范本
2014/04/03 职场文书
小学生优秀评语大全
2014/04/22 职场文书
依法行政工作汇报材料
2014/10/28 职场文书
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers