如何用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
相关产品推荐
相关产品推荐

