javascript数组输出的两种方式

当我们使用JavaScript编写程序时，数组是一个常用的数据类型，对于数组的输出操作，我们可以使用两种方式来实现。

方式一：使用for循环输出数组元素

使用for循环可以逐个遍历数组中的元素，并将其输出。下面是一个示例代码：

var arr = [1, 2, 3, 4, 5];
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

代码的输出结果是：

1
2
3
4
5

在这个示例中，我们先定义了一个数组arr，然后使用for循环逐个输出数组元素。for循环中，判断条件为i < arr.length，这保证了循环不会超出数组的长度。每次循环，变量i自增1，直到i的值等于数组长度为止。

方式二：使用数组的join()方法输出字符串

另一种输出数组的方式是使用数组的join()方法，该方法将数组元素以指定的分隔符连接成一个字符串，并返回该字符串。下面是一个示例代码：

var arr = [1, 2, 3, 4, 5];
var str = arr.join(', ');
console.log(str);

代码的输出结果是：

1, 2, 3, 4, 5

在这个示例中，我们先定义了一个数组arr，然后使用join()方法将数组元素以逗号加空格的形式连接成一个字符串，并将该字符串赋值给变量str。最后使用console.log()将该字符串输出。

这两种方式的输出结果略有不同，使用for循环输出的是一列数值，而使用join()方法输出的是一个用逗号隔开的字符串。如何选择哪种方式取决于具体的场景和需求。

示例说明

示例一：for循环输出二维数组

假设有一个二维数组arr，我们想要输出其中的每个元素。我们可以使用两层for循环来实现，如下所示：

var arr = [[1, 2], [3, 4]];
for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr[i].length; j++) {
        console.log(arr[i][j]);
    }
}

代码的输出结果是：

1
2
3
4

在这个示例中，我们定义了一个二维数组arr，包含两个数组元素，每个元素又包含两个子元素。在for循环中，外层循环用于遍历arr数组的两个元素，内层循环用于遍历每个数组元素的子元素。最终输出每个子元素的值。

示例二：使用join()方法输出数组的HTML标签列表

假设我们有一个数组arr，包含若干个HTML标签的名称。我们想要将这些标签名用<li>标签包裹起来，并输出为一个HTML列表。我们可以使用join()方法实现这个功能，如下所示：

var arr = ['div', 'p', 'a'];
var str = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';
console.log(str);

代码的输出结果是：

<ul><li>div</li><li>p</li><li>a</li></ul>

在这个示例中，我们定义了一个数组arr，包含三个HTML标签的名称。使用join('</li><li>')将数组元素连接成一个字符串，每个元素之间用</li><li>分隔，这样就得到了一个包含所有标签名称的HTML列表。最后将该字符串嵌入到<ul>和<li>标签中，输出为HTML格式的列表。