在html文档中打印数组,其格式设置为数组而不是字符串

时间:2018-07-08 19:53:01

标签: javascript arrays

numbers = [2, -1, 3, 4, -4, 0, -5, -8, -6, 15] 

如何在html文档元素内打印格式为

的数组
var arr = [1, "one", 2, "two"];

2 个答案:

答案 0 :(得分:2)

例如,使用JSON.stringify()会产生以下结果:

var arr = [1, "one", 2, "two"];

document.querySelector("#id").innerHTML = JSON.stringify(arr)
<p id="id"></p>

如果要在逗号后面留空格,则需要为该元素建立字符串,如下所示:

var arr = [1, "one", 2, "two"];

let output = "[";

arr.forEach(e => output += JSON.stringify(e) + ", ");

output  = output.substring(0, output.length-2)

output += "]"

document.querySelector("#id").innerHTML = output
<p id="id"></p>

答案 1 :(得分:2)

使用:

JSON.stringify(array);

示例:

let arr = [1, 'a', '2', 'b'];

document.getElementById('p1').textContent = JSON.stringify(arr);
<p id="p1"></p>