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 相关文章推荐
jquery索引在使用中的一些困惑
Oct 24 Javascript
Js操作Select大全(取值、设置选中等等)
Oct 29 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
正则表达式优化JSON字符串的技巧
Dec 24 Javascript
jQuery插件ajaxFileUpload使用实例解析
Oct 19 Javascript
微信小程序 欢迎页面的制作(源码下载)
Jan 09 Javascript
vue axios用法教程详解
Jul 23 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
p5.js绘制旋转的正方形
Oct 23 Javascript
js 图片懒加载的实现
Oct 21 Javascript
微信小程序自定义胶囊样式
Dec 27 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
Protoss兵种介绍
2020/03/14 星际争霸
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
php检测url是否存在的方法
2015/04/14 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
加速IE的Javascript document输出的方法
2010/12/02 Javascript
js获取url参数值的两种方式
2013/09/10 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python制作企业邮箱的爆破脚本
2016/10/05 Python
python rsa 加密解密
2017/03/20 Python
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
python分布式环境下的限流器的示例
2017/10/26 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
python文本数据处理学习笔记详解
2019/06/17 Python
django自带调试服务器的使用详解
2019/08/29 Python
Python基于yield遍历多个可迭代对象
2020/03/12 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
如何清空python的变量
2020/07/05 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
html5画布旋转效果示例
2014/01/27 HTML / CSS
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
报关员个人职业生涯规划书
2014/03/12 职场文书
幼儿园教师个人工作总结2015
2015/05/12 职场文书