javaScript的数组对象

Posted 雨残江天暮

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javaScript的数组对象相关的知识，希望对你有一定的参考价值。

注：数组在js中是一个类，通过构造方法创建对象

数组的四种方式

创建数组的方式 说明
new Array() 无参的构造方法，创建一个长度为0的数组
new Array() 有参的构造方法，指定数组的长度
new Array(2, 4, 6, 8, 10) 有参的构造方法，指定数组中的每个元素
[2, 4, 6, 8, 10] 使用中括号的方式创建数组

JS中数组的特点

  1. 数组中的每个元素的类型是可以不同的。
  2. 数组的长度可以动态变化
  3. 数组中包含大量的方法，类似java中的集合，而java中的数组没有方法。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组对象-四种方式</title>
</head>
<body>
<script>
    var arr1 = new Array();
    document.write("数组的长度是：" + arr1.length + "<hr/>");

    var arr2 = new Array(5);
    document.write("数组的长度是：" + arr2.length + "<hr/>");

    var arr3 = new Array(2,4,6,8);
    document.write("数组的长度是：" + arr3.length + "<hr/>");

    var arr4 = [4, ‘a‘, true, 3.14];

    document.write("arr4[0]：" + arr4[0] + "<br/>");
    document.write("arr4[1]：" + arr4[1] + "<br/>");
    document.write("arr4[2]：" + arr4[2] + "<br/>");
    document.write("arr4[3]：" + arr4[3] + "<hr/>");
</script>
</body>
</html>

常用方法

方法名 功能
concat() 连接两个或更多的数组，并返回结果
reverse() 将数据进行反转
join(separator) 与split()功能相反，将数组通过分隔符拼成一个字符串。
sort() 对字符串数据进行排序
如果要对数字进行排序，还可以指定比较器函数。
sort(function(m,n))数字两两比较
注意：m-n则升序，n-m则降序

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组对象常用方法</title>
</head>
<body>
    <script>
        var a1 = [1, 1, 1];
        var a2 = [2, 2];
        // 拼接返回新的数组
        var a3 = a1.concat(a2);
        document.write("a3：" + a3 + "<br/>");

        // 添加元素
        var a4 = a3.concat(33,44);
        document.write("a4：" + a4 + "<br/>");

        // 将数组使用分隔符拼成一个字符串，功能与split相反
        var str = a4.join("^_^");
        document.write("字符串：" + str + "<br/>");

        // 排序
        // a).给字符串数组排序
        var arr = ["Jack", "Rose", "Tom", "Jerry", "Kate"];
        document.write("排序前：" + arr + "<hr/>");
        arr.sort();
        document.write("排序后：" + arr + "<hr/>");
        // b).字符串类型的数字排序
        var arr = ["200", "3", "1324", "89", "21"];
        document.write("排序前：" + arr + "<hr/>");
        arr.sort();
        document.write("排序后：" + arr + "<hr/>");
        // c).数字排序，默认也是按字符串的顺序排序
        var arr = [30, 26, 6, 110, 1234];
        document.write("排序前：" + arr + "<hr/>");
        //排序器
        arr.sort(function (m,n) {
            return n-m; // 降序
        });
        document.write("排序后：" + arr + "<hr/>");
    </script>
</body>
</html>

以上是关于javaScript的数组对象的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

javascript常用代码片段

如何将此 JavaScript 代码片段翻译成 Parenscript？

解析：JSON 文本没有以数组或对象开头，并且允许未设置片段的选项

JavaScript 片段

错误代码：错误域 = NSCocoaErrorDomain 代码 = 3840“JSON 文本没有以数组或对象和允许未设置片段的选项开头。”