时间戳

首页 > 解决方案 > 如何在 HTML 的元素中设置所有数组元素？

javascript - 如何在 HTML 的元素中设置所有数组元素？

问题描述

我有一个数组

    let array = [1, 2, 3];

例如，我希望这个数组的所有元素都设置在 HTML 中的元素上

    <p id="demo"></p>

我希望输出为 1 , 2 , 3

最后一个数字我不想有逗号

我尝试了一些东西

       let array = [1,  2, 3]
       for(var i =0; i <=array.length;i++) {
            document.getElementById("demo").innerHTML = array[i] + "' , ";}

非常感谢

标签： javascriptloops

解决方案

无需循环，使用 toArray 或加入。

let array = [1, 2, 3];

document.getElementById("demo").textContent = array.toString();

document.getElementById("demo2").textContent = array.join(', ');
<p id="demo"></p>

<p id="demo2"></p>

如果要循环，则需要检查索引并添加逗号

const array = [1, 2, 3];

let out = '';

for(let i=0; i<array.length; i++) {
   const comma = i == 0 ? '' : ', ';
   out += comma + array[i];
}

document.getElementById("demo").textContent = out;
<p id="demo"></p>

推荐阅读