1、join()方法:

Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符,默认使用逗号。案例如下:

1
2
3
4
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()方法将数组中元素进行倒叙,返回倒叙的数组,它是在原来数组中进行倒叙,不产生的新数组,返回就是原来的数组,只不过里面元素已经进行倒叙重排了。案例如下:

1
2
var a=[1,2,3];
a.reverse();// =>a=[3,2,1];

3、sort()方法: 

Array.sort()方法将数组中的元素排序,并返回排序好的数组。如果不传参数默认以字母表顺序进行排序。案例如下:

1
2
3
4
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()不会递归扁平化数组的数组。案例如下:

1
2
3
4
5
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()方法返回指定数组的一个片段或子数组。里面可以传一个参数或两个参数,参数可以为正也可以为负。案例如下:

1
2
3
4
5
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()可以传入三个参数,第一参数表示删除元素索引开始的地方,第二参数表示删除元素总数,第三参数,表示插入的元素,元素插入的位置就是删除元素开始的位置。案例如下:

1
2
3
4
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()方法就是向数组最前面添加元素,返回的是新数组的长度。案例如下:

1
2
3
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()方法是删除数组最前面的元素,返回是删除的元素。

1
2
3
var a=[5,6,7]; 
a.pop();// a=[5,6]; 返回值为 7 
a.shift();// a=[6,7]; 返回值 5

javascript数组常用方法汇总的更多相关文章

  1. JavaScript 数组 常用方法(二)

    写在前面:续接上篇 JavaScript 数组 常用方法 数组常用方法第二弹来了: some && every 描述: every()与some()方法都是JS中数组的迭代方法. so ...

  2. JavaScript数组常用方法解析和深层次js数组扁平化

    前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...

  3. javascript数组操作汇总

    javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...

  4. javascript 数组 常用方法

    前言  学学忘忘  闲来做个笔记 整理下数组常用方法. Array 数组常用方法  创建数组的基本方式有两种    1.第一种是使用Array构造函数,  var arr = new Array(); ...

  5. Javascript数组常用方法

    一.forEach对数组的遍历 二.map返回经过运算的新数组 三.filter返回满足条件的新数组 四.返回数组前后元素运算的结果 五.every遍历数组每项元素是否满足某个条件,全部满足返回tru ...

  6. js数组常用方法汇总

    判断某个对象是否是数组: instanceof.Array.isArray() 对于一个网页或者一个全局作用域可以使用instanceof操作符. if(value instanceof Array) ...

  7. javascript数组常用方法详解

    1,splice().   array.splice(index,many,list1,list2....)  参数1.index位置 负数为从结尾处算,倒数第一为-1:参数2,many要删除的项目, ...

  8. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  9. JavaScript数组对象常用方法

    JavaScript数组对象常用方法 方法 形式 返回值 是否改变原数组 描述 concat -items: ConcatArray[] 追加之后的数组 否 连接两个或更多的数组,并返回结果.注意 c ...

随机推荐

  1. WebService 学习

    WebService是一种跨编程语言和跨操作系统平台的远程调用技术. XML+XSD, SOAP 和 WSDL 是构成WebService平台的三大技术. SOAP = HTTP协议 + XML数据格 ...

  2. springMVC中利用model在JSTL进行回填值

    1.ringMVC中利用model回填值 后台中,利用model返回值,如 model.addAttribute("MS_info" , MS_info); 前台回填值: text ...

  3. 移动端html页面布局

    记录一下: ---------- 如果设计稿尺寸为 : 96px: 1. rem html{ font-size:62.5%; } 的情况下 : 4.8rem: 2. rem html{ font-s ...

  4. 一个简易的dota改键助手

    那年,刚开始玩dota的时候, 发现物品栏的快捷键太不好按鸟(集中在小键盘的数字键).于是各种改键工具应运而生,像最经典的warkey, 不知不觉就用了好多年.如今,各种改键工具越来越强大了, 支持各 ...

  5. 文件上传(java web)

    文件上传: 对表单的要求: * method="post" * enctype="multipart/form-data" * 表单中需要添加文件表单项:< ...

  6. Pyhton 学习总结 21 :fileinput模块

    fileinput模块可以对一个或多个文件中的内容进行迭代.遍历等操作.该模块的input()函数有点类似文件readlines()方法,区别在于前者是一个迭代对象,需要用for循环迭代,后者是一次性 ...

  7. 封装Js库从获取控件的value值开始

    <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...

  8. jQuery右键菜单contextMenu使用实例

    在最近项目中需要频繁的右键菜单操作.我采用了contextMenu这款jQuery插件. 参考网址:http://www.jb51.net/article/58709.htm 官网demo http: ...

  9. 关于使用nuget的部分代码

    Install-Package 安装包 -Version 4.3.1 参数指定版本 Uninstall-Package 卸载包 Update-Package 更新包 Get-Package 默认列出本 ...

  10. noi 2728 摘花生

    题目链接: 很像上一题,加上自己本身,选最优值. http://noi.openjudge.cn/ch0206/2728/ http://paste.ubuntu.com/23402493/