You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用document.write在页面显示数组内容而非[object, Object]?

解决document.write输出数组/对象显示[object Object]的问题

当你用document.write()输出包含对象的数组时,浏览器会自动调用对象的toString()方法,默认返回[object Object],以下几种方法可以解决这个问题:

  • 转成JSON字符串输出
    直接将数组序列化为JSON格式的字符串,完整保留结构:
document.write(JSON.stringify(result));

输出示例:[{"name":"张三","age":20},{"name":"李四","age":25}]

  • 手动拼接可读性强的HTML内容
    如果想要更友好的展示效果,可以遍历数组,把每个对象的属性拼接成HTML元素:
let output = '';
result.forEach(obj => {
  // 替换成你数组对象实际的属性名
  output += `<div>名称:${obj.name},值:${obj.value}</div>`;
});
document.write(output);

这种方式可以自定义展示样式,让内容更易读。

  • 使用join()(仅适用于纯基础类型数组)
    如果你的数组里只有字符串、数字这类基础类型,直接用join()转成拼接字符串:
document.write(result.join(' | '));

输出示例:苹果 | 香蕉 | 橙子

内容的提问来源于stack exchange,提问作者lionel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 23:40:31