JavaScript创建数组

JavaScript创建数组教程

JavaScript 的数组的创建有三种方法，即，使用 new 创建、使用 new 直接创建并实例化和隐式创建。

new创建数组详解

语法

var arr = new Array();

说明

直接使用 new Array 的方式创建数组。

new创建数组并实例化

语法

var arr = new Array("item1", "item2", "item3");

说明

直接使用 new Array 的方式创建数组的同时，我们还可以初始化数组元素。

隐式创建

语法

var arr = [];

说明

我们还可以直接使用 [] 的形式来创建数组。

案例

使用 new 创建数组

直接使用 new Array 创建数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript创建数组</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
           var myArr = new Array();
           myArr[0] = "Python";
           myArr[1] = "Golang";
           myArr[2] = "JavaScript";
           for (var i = 0; i < myArr.length; i++) {
               console.log("item =", myArr[i]);
           }
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

02_Javascript创建数组.png

我们首先使用 new Array 的方式创建了一个数组 myArr，接着，我们向数组中添加了三个元素，最后，使用 for循环 打印了数组中的每一个元素。

使用 new 创建数组

直接使用 new Array 创建数组同时初始化元素

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript创建数组</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
           var myArr = new Array("Python", "Golang", "JavaScript");
           for (var i = 0; i < myArr.length; i++) {
               console.log("item =", myArr[i]);
           }
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

03_Javascript创建数组.png

使用 new Array 创建数组的同时，并初始化数组。

隐式创建数组

使用 [] 隐式创建数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript创建数组</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
           var myArr = [];
           myArr[0] = "Python";
           myArr[1] = "Golang";
           myArr[2] = "JavaScript";
           console.log("arr =", myArr);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

04_Javascript创建数组.png

我们可以直接使用 [] 隐式创建数组。

JavaScript创建数组总结

JavaScript 的数组的创建有三种方法，即，使用 new 创建、使用 new 直接创建并实例化和隐式创建。