JavaScript数组初始化

JavaScript数组初始化教程

JavaScript 的数组的初始化，即数组定义的时候给数组赋初值，一共可分为三方法，即使用 new 创建并初始化、使用 [] 隐式创建并初始化、使用 fill 初始化。

new初始化数组详解

语法

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

说明

直接使用 new Array 的方式创建数组，并且，我们初始化了三个元素。

隐式创建并初始化

语法

var arr = [item1, item2, item3];

说明

直接使用 [] 的形式来隐式创建数组，并初始化了三个元素。

fill初始化数组

语法

var arr = new Array(count).fill(item);

说明

我们可以在创建数组的同时，使用 fill 填充数组元素。

案例

使用 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");
           console.log("myArr =", myArr);
        </script>
    </head>
</html>

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

05_Javascript初始化数组.png

我们首先使用 new Array 的方式创建了一个数组 myArr，同时，在创建数组的同时，我们给数组初始化了三个元素。

隐式创建数组并初始化

使用 [] 隐式创建数组，并初始化

<!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>

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

06_Javascript初始化数组.png

我们可以直接使用 [] 隐式创建数组，创建的同时并初始化。

fill 初始化数组

使用 fill 初始化数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript fill初始化数组</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
           var myArr = new Array(10).fill(1024);
           console.log("myArr =", myArr);
        </script>
    </head>
</html>

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

07_Javascript初始化数组.png

我们在使用 new Array 创建数组的同时，可以指定数组的元素个数，接着，使用 fill 函数填充数组。

JavaScript数组初始化总结

JavaScript 的数组的初始化，即数组定义的时候给数组赋初值，一共可分为三方法，即使用 new 创建并初始化、使用 [] 隐式创建并初始化、使用 fill 初始化。