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 相关文章推荐
常用js脚本
Dec 03 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
Dec 03 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
Aug 23 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
浅谈Vue的响应式原理
May 30 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
Jun 18 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
Aug 10 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连接mysql数据库代码
2009/03/10 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
BOOM vs RR BO5 第二场 2.14
2021/03/10 DOTA
js 采用delete实现继承示例代码
2014/05/20 Javascript
nodejs 实现模拟form表单上传文件
2014/07/14 NodeJs
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
requireJS使用指南
2016/04/27 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
解决Vue中 父子传值 数据丢失问题
2019/08/27 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
vue中activated的用法
2021/01/03 Vue.js
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
处理HTML5新标签的浏览器兼容版问题
2017/03/13 HTML / CSS
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
新加坡最早生产电动滑板车的制造商之一:FunsToTheFore
2020/09/08 全球购物
Ibatis中如何提高SQL Map的性能
2013/05/11 面试题
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
优秀应届生求职信
2014/06/16 职场文书
出国留学英文自荐信
2015/03/25 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL