在JavaScript中，我们可以使用length属性来获取数组的长度。

语法：

数组名.length

说明：

数组的属性有好几个，不过我们只需要掌握length这一个就够了，其他暂时不需要去了解。

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        //创建数组
        var arr1 = [];
        var arr2 = [1, 2, 3, 4, 5, 6];
        //输出数组长度
        document.write(arr1.length + "<br/>");
        document.write(arr2.length);
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如图所示。

分析：

var arr1 = [];表示创建一个名为arr1的数组，由于数组内没有任何元素，所以数组长度为0，也就是arr1.length为0。

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        //创建数组
        var arr = [];
        arr[0] = "HTML";
        arr[1] = "CSS";
        arr[2] = "JavaScript";
        //输出数组长度
        document.write(arr.length);
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如图所示。

分析：

在这里，我们首先使用var arr = [];创建了一个名为arr的数组，此时数组长度为0。但是后面我们又用arr[0]、arr[1]、arr[2]为arr添加了3个元素，因此数组最终长度为3。

var arr = [];
arr[0] = "HTML";
arr[1] = "CSS";
arr[2] = "JavaScript";

上面代码其实等价于：

var arr = ["HTML", "CSS", "JavaScript"];

现在大家应该能理解数组最终长度为什么是3了吧。

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        //创建数组
        var arr = [1, 2, 3, 4, 5, 6];
        //输出数组所有元素
        for(var i=0;i<arr.length;i++)
        {
            document.write(arr[i] + "<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如图所示。

分析：

这里我们使用for循环来输出数组的每一个元素。这个小技巧很有用，在实际开发中经常用到。length属性一般都是结合for循环来遍历数组中的每一个元素，然后对每一个元素进行相应操作的。

常见问题：

1．不是说数组是存储一组“相同数据类型”的数据结构吗？为什么当数组元素为不同数据类型时，JavaScript也不会报错并且能输出呢？

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var arr = [123, "javascript", false, NaN, undefined, null];
        for (var i = 0; i < arr.length; i++) 
        {
            document.write(arr[i] + "<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如图所示。

其实一个数组是可以存储“不同数据类型”的数据的，只不过我们极少那样做。一般情况下，都是用数组来存储“相同数据类型”的数据，所以这样理解就可以了。