Javascript 将对象数组显示为带外括号的html

您好，我已经用JavaScript创建了一个对象数组。我尝试将对象数组显示为html，不带括号。但我今天才开始学习javascript，我不知道如何才能做到这一点

let服务器=[
{id:'12345'，name:'server#1'，players:1}，
{id:'123456'，name:'server#2'，players:2}，
{id:'1234567'，name:'server#3'，players:3}，
{id:'1234568'，name:'server#4'，players:4}，
{id:'1234569'，name:'server#5'，players:5}
];
document.getElementById（“online”）.innerHTML=JSON.stringify（服务器）
这种方法怎么样 这很容易使用和显示，

您也可以使用
map（）
，但此处不需要它。检查差异。


let服务器=[
{id:'12345'，name:'server#1'，players:1}，
{id:'123456'，name:'server#2'，players:2}，
{id:'1234567'，name:'server#3'，players:3}，
{id:'1234568'，name:'server#4'，players:4}，
{id:'1234569'，name:'server#5'，players:5}
];
var行=”；
forEach（函数（元素、索引）{
行+=“id:+element.id+”，名称：“+element.name+”，玩家：“+element.Players+”
”；
})
document.getElementById（“online”）.innerHTML=行

let服务器=[{
id:'12345'，
名称：“服务器#1”，
球员：1名
},
{
id:'123456'，
名称：“服务器#2”，
球员：2名
},
{
id:'1234567'，
名称：“服务器#3”，
球员：3名
},
{
id:'1234568'，
名称：“服务器#4”，
球员：4名
},
{
id:'1234569'，
名称：“服务器#5”，
球员：5名
}
];
var getArrData=“”；
对于（i=0；i”；
}
document.getElementById（“在线”）.innerHTML=getArrData
这适用于json中尽可能多的属性


let服务器=[
{id:'12345'，name:'server#1'，players:1}，
{id:'123456'，name:'server#2'，players:2}，
{id:'1234567'，name:'server#3'，players:3}，
{id:'1234568'，name:'server#4'，players:4}，
{id:'1234569'，name:'server#5'，players:5}
];
var输出=“”；
对于（var i=0；i
作为循环返回数组的替代方法，如果您希望使用
JSON.stringify（）
保持您的方法，您可以执行以下操作：


const服务器=[
{id:'12345'，name:'server#1'，players:1}，
{id:'123456'，name:'server#2'，players:2}，
{id:'1234567'，name:'server#3'，players:3}，
{id:'1234568'，name:'server#4'，players:4}，
{id:'1234569'，name:'server#5'，players:5}
];
函数formatJsonString（str）{
常量reNewLineInsertPoints=/}，/g；
常数redelections=/{124;}\[\\]\”/g；
常量响应插入点=/（：|，）/g；
返回str.trim（）
.替换（更新插入点，
）
.替换（重新删除“”）
.替换（响应插入点，$1'）；
}
document.getElementById（“online”）.innerHTML=formatJsonString（JSON.stringify（servers））；