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脚本编程解决考试分数统计问题
Oct 18 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
Jun 23 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
vue 出现data-v-xxx的原因及解决
Aug 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 友好URL的实现(吐血推荐)
2008/10/04 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
js取消单选按钮选中示例代码
2013/11/14 Javascript
JS实现的3D拖拽翻页效果代码
2015/10/31 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
2016/10/30 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
Python编程中的for循环语句学习教程
2015/10/14 Python
Python中音频处理库pydub的使用教程
2017/06/07 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
Python标准库shutil用法实例详解
2018/08/13 Python
详解python分布式进程
2018/10/08 Python
python实现归并排序算法
2018/11/22 Python
Python 的AES加密与解密实现
2019/07/09 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
GOOD AMERICAN官网:为曲线性感而设计
2017/12/28 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
自荐信的两点禁忌
2013/10/30 职场文书
经济管理自荐书
2014/06/09 职场文书
计算机毕业大学生求职信
2014/06/26 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
社区低保工作总结2015
2015/07/23 职场文书
公务员岗前培训心得体会
2016/01/08 职场文书
PHP RabbitMQ消息列队
2022/05/11 PHP
Web应用开发TypeScript使用详解
2022/05/25 Javascript