【JavaScript 教程系列第 12 篇】JavaScript 中数组的常用方法汇总

这是【JavaScript 教程系列第 12 篇】，如果觉得有用的话，欢迎关注专栏。

一：截取数组某部分 slice()

使用 slice() 方法来获取数组的某一部分。

语法：数组名.slice(start，end)

start 表示开始位置，end 表示结束位置，两者都是从 0 开始的整数，而且 end 要大于 start 。

该方法的取值范围是 [start，end) ，即包含 start，不包含 end 。end 可以省略，当 end 省略时，截取的范围是从 start 一直到结尾，这点和字符串的 substring() 方法非常像。

示例

    var arr = ["A","B","C","D","E"];
    var arrA = arr.slice(0,3);  // 返回 A、B、C
    var arrB = arr.slice(0);    // 返回 A、B、C、D、E

二：给数组添加元素 2-1：在数组开头添加元素 unshift()

使用 unshift() 方法在数组开头添加新元素，并且可以得到一个新的数组。

语法：数组名.unshift(新元素1，新元素2，……，新元素n)

参数 新元素1，新元素2，……，新元素n 表示在数组开头添加的新元素，你需要添加几个，就写几个。

示例

    var arr = ["4","5","6"];
    arr.unshift("1","2","3");  // 返回 1 2 3 4 5 6

添加新元素后，arr[0] 不再是原来的 4 了，而是 1 。新添加几个，原数组所有元素的下标都加几，作为新的下标。

2-2：在数组结尾添加元素 push()

使用 push() 方法在数组结尾添加新元素，并且可以得到一个新的数组。

语法：数组名.push(新元素1，新元素2，……，新元素n)

示例

    var arr = ["4","5","6"];
    arr.push("1","2","3");  // 返回 4 5 6 1 2 3

添加新元素后，arr 的最后一个元素不再是 6 了，而是 3 。

用 push() 不需要知道原数组中有多少个元素，它就是在数组的最后添加元素，当我们不知道数组有多少个元素的时候，就没法用下标的方式来给数组添加新元素，这个时候用 push() 方法就再合适不过了。

三：删除数组元素 3-1：删除数组中第一个元素 shift()

使用 shift() 方法来删除数组中的第一个元素，并且得到一个新数组。而 unshift() 方法用于在数组开头添加新元素，两者是相反的操作。

语法：数组名.shift()

示例

    var arr = ["HTML","JavaScript","CSS"];
    arr.shift();    // 返回 JavaScript,CSS

删除第一个元素后，此时的 arr[0] 是 JavaScript ，而不再是原来的 HTML 了。

3-2：删除数组最后一个元素 pop()

使用 pop() 方法删除数组最后一个元素，并得到一个新数组。而 push() 用于在数组结尾添加新元素，两者也是相反的操作。

语法：数组名.pop()

示例

    var arr = ["HTML","JavaScript","CSS"];
    arr.pop();    // 返回 HTML，JavaScript

删除原数组的最后一个元素后，此时新数组的最后一个元素是 JavaScript ，而不是 CSS 了 。

四：将数组元素连接成字符串 join()

使用 join() 方法来将数组中的所有元素连接成一个字符串。

语法：数组名.join(“连接符”)

说明：连接符是连接元素之间的符号，是可选参数。在使用的时候要注意以下几点

• join(" ") ，意思是以空格作为连接符连接。
• join("") ， 表示字符之间没有任何东西。
• 如果不填参数，则默认以英文逗号连接。

示例

    var arr = ["A","B","C"];
    document.write(arr.join(" ")); // 返回 A B C
    document.write(arr.join(""));  // 返回 ABC
    document.write(arr.join());    // 返回 A,B,C

五：数组大小的比较 sort()

如果要对数组中所有的元素按照从大到小，或者从小到大的顺序进行排序，就可以用 sort() 方法 。sort() 方法是在原数组的基础上进行排序操作的，不会创建新的数组。

语法：数组名.sort()

示例1：无参数

    var arr = ["b","e","a","c","d"];
    arr.sort();    // 返回数组 [a,b,c,d,e]

因为每个字符在字符表中都有一个唯一的编号，所以 sort() 也可以对字母进行排序。

示例2：有参数

    // 升序函数
    function sortUp(a,b)
    {
        return a - b;
    }
    // 降序函数
    function sortDown(a,b)
    {
        return b - a;
    }

    var arr = [5,8,9,3,15];
    arr.sort(sortUp);
    document.write("元素升序：" + arr.join()+"");
    arr.sort(sortDown);
    document.write("元素降序：" + arr.join());

浏览器运行效果如下

六：数组颠倒顺序 reverse()

使用 reverse() 方法来实现数组中所有元素的反向排列，也就是颠倒了数组的顺序，该方法不需要参数，而且是在原数组的基础上进行的操作，记住不是创建了新数组。

reverse 是"反向"的意思，知道中文的意思更方便我们记忆理解函数的功能。

语法：数组名.reverse()

示例

    var arr = [1,2,3,4,5,6];
    arr.reverse();  // 返回 6,5,4,3,2,1

ok，关于 JavaScript 中数组的常用方法汇总，就简单说到这里。

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

结束语 技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。 最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。