JavaScript基础：Array数组的定义和使用

BestKagome

已于 2023-05-30 17:55:36 修改

阅读量137

点赞数

分类专栏： JavaScript 文章标签： javascript html

于 2022-07-05 14:36:14 首次发布

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125618912

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript基础：Array数组的定义和使用</title>
    <!--
        Array数组在声明时既可以赋值也可以不赋值，即可以指定长度也可以不指定长度。
        Array数组即使在初期的长度较小，在后期不断赋值的过程中，Array数组的长度会自动增加，不会出现c#中数组数据溢出错误。
    -->
    <script>
        // 数组1
        var arrayTest1 = new Array();     /* 定义一个空数组 */
        alert("arrayTest1数组初始化的长度为：" + arrayTest1.length);

        arrayTest1[0] = 1;
        arrayTest1[1] = 'hello, my friend !';
        arrayTest1[2] = true;
        alert("arrayTest1数组赋值后的长度为：" + arrayTest1.length);

        // 数组2
        var arrayTest2 = new Array(5);    /* 定义一个长度为5的空数组 */
        alert("arrayTest2数组初始化的长度为：" + arrayTest2.length);

        arrayTest2[0] = 1;
        arrayTest2[1] = 'hello, my friend !';
        arrayTest2[2] = true;
        alert("arrayTest2数组赋值后的长度为：" + arrayTest2.length);

        // 数组3
        var arrayTest3 = [];              /* 定义一个空数组 */
        alert("arrayTest3数组初始化的长度为：" + arrayTest3.length);

        arrayTest3[0] = 1;
        arrayTest3[1] = 'hello, my friend !';
        arrayTest3[2] = true;
        alert("arrayTest3数组赋值后的长度为：" + arrayTest3.length);

        // 数组4
        var arrayTest4 = [123];         /* 定义一个只有1条数据的数组 */
        alert("arrayTest4数组初始化的长度为：" + arrayTest4.length);

        arrayTest4[0] = 1;
        arrayTest4[1] = 'hello, my friend !';
        arrayTest4[2] = true;
        alert("arrayTest4数组赋值后的长度为：" + arrayTest4.length);

        // 数组5
        var arrayTest5 = [1, 'hello, my friend !' , true];   /* 定义一个有3条数据的数组 */
        alert("arrayTest5数组初始化的长度为：" + arrayTest5.length);

        arrayTest5[3] = "goodbye, my girl !";
        arrayTest5[4] = false;
        alert("arrayTest5数组赋值后的长度为：" + arrayTest5.length);

        alert("Array数组的类型是：" + typeof(Array));
    </script>
</head>
<body>
    <h3>JavaScript基础：Array数组的定义和使用</h3>
</body>
</html>

页面弹出框分别显示以下信息：

arrayTest1数组初始化的长度为：0

arrayTest1数组赋值后的长度为：3

arrayTest2数组初始化的长度为：5

arrayTest2数组赋值后的长度为：5

arrayTest3数组初始化的长度为：0

arrayTest3数组赋值后的长度为：3

arrayTest4数组初始化的长度为：1

arrayTest4数组赋值后的长度为：3

arrayTest5数组初始化的长度为：3

arrayTest5数组赋值后的长度为：5

Array数组的类型是：function