如何打印javascript對象數組？

Question

我想在這里提一下，我對 JavaScript 非常陌生。 我有以下 JavaScript 對象數組。 但是我怎么能在瀏覽器中打印這些值呢？ 它不會打印document.write(vehicle);

 var vehicle = [{name:'Van',wheel:4,chasino:0005}, {name:'Bus',wheel:6,chasino:0006}]; document.write(vehicle);

Answer 1

JSON.Stringify可以。

 var vehicle = [{name:'Van',wheel:4,chasino:0005}, {name:'Bus',wheel:6,chasino:0006}]; document.write(JSON.stringify(vehicle));

只打印值 -

 var vehicle = [{name:'Van',wheel:4,chasino:0005}, {name:'Bus',wheel:6,chasino:0006}]; document.write( vehicle .map(v => Object.values(v)) // retrive values from objects .flat() // make linear array .join("<br/>") // for new line as separator );

Answer 2

不確定我是否理解您希望代碼執行的操作，但是為了在“車輛”數組中打印對象的內容，我建議這樣做：

 const body = document.querySelector("body"); var vehicle = [ { name: "Van", wheel: 4, chasino: 0005 }, { name: "Bus", wheel: 6, chasino: 0006 } ]; const container = document.createElement("div"); for (const objIndex of vehicle) { const list = document.createElement("ul"); list.setAttribute("class", objIndex); for (const key in objIndex) { const liElement = document.createElement("li"); liElement.innerHTML = `${key}:${objIndex[key]}`; list.appendChild(liElement); } container.appendChild(list); } body.appendChild(container);

Answer 3

 Number.prototype.pad = function(size) { var s = String(this); while (s.length < (size || 2)) {s = "0" + s;} return s; } var vehicle = [{name:'Van',wheel:4,chasino:0005}, {name:'Bus',wheel:6,chasino:0006}]; for(i=0;i<vehicle.length;i++){ document.write(vehicle[i].name+" "+vehicle[i].wheel+" "+vehicle[i].chasino.pad(3)+" "); }

Answer 4

 var vehicle = [{name:'Van',wheel:4,chasino:0005}, {name:'Bus',wheel:6,chasino:0006}]; document.write( vehicle.map(a => Object.values(a).join(' ')) .join('<br>') );

Answer 5

您可能希望使用字符串'0005'而不是數字來保留'000'字符。

 var vehicle = [{name:'Van',wheel:4,chasino:'0005'}, {name:'Bus',wheel:6,chasino:'0006'}]; document.write( vehicle.map(a => Object.values(a).join(' ')) .join('<br>') );

Answer 6

嘗試這個...

vehicle.map(v => {
    document.write(v.name)
    document.write(v.wheel)
    document.write(v.chasino)
})