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 相关文章推荐
DOM Scripting中的图片切换[兼容Firefox]
Jun 12 Javascript
使用Firebug对js进行断点调试的图文方法
Apr 02 Javascript
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 Javascript
JS重要知识点小结
Nov 06 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
当达到输入长度时表单自动切换焦点
Apr 06 Javascript
jquery中radio checked问题
Mar 16 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
基于Vue实现timepicker
Apr 25 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
vue+express+jwt持久化登录的方法
Jun 14 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 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中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
PHP生成唯一订单号
2015/07/05 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
js阻止浏览器默认行为的简单实例
2016/05/15 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
ES6 Iterator接口和for...of循环用法分析
2019/07/31 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
解决antd的Form组件setFieldsValue的警告问题
2020/10/29 Javascript
Python中安装easy_install的方法
2018/11/18 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
python 实现控制鼠标键盘
2020/11/27 Python
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
2017/03/02 HTML / CSS
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
客房主管岗位职责
2013/12/09 职场文书
高中军训感言500字
2014/02/24 职场文书
信息总监管理职责范本
2014/03/08 职场文书
中国梦主题教育活动总结
2014/05/05 职场文书
2014老师三严三实对照检查材料思想汇报
2014/09/18 职场文书
2014年学校工作总结
2014/11/20 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android