javascript - 如何显示完整的数组?

标签 javascript

我收到此错误: [object Object]、[object Object]、[object Object]。

我想显示完整的数组,如下所示:John Doe, Anna Smith, Peter Jones

<!DOCTYPE html>
<html>
<body>

<h2>Create Object from JSON String</h2>

<p id="demo"></p>

<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees;
</script>

</body>
</html>

最佳答案

您可以使用Array#map并构建一个新数组并稍后加入它。

var text = '{"employees":[' +
        '{"firstName":"John","lastName":"Doe" },' +
        '{"firstName":"Anna","lastName":"Smith" },' +
        '{"firstName":"Peter","lastName":"Jones" }]}',
    obj = JSON.parse(text);

document.getElementById("demo").innerHTML = obj.employees.map(function (a) {
    return a. firstName + ' ' + a.lastName;
}).join(', ');
<h2>Create Object from JSON String</h2>
<p id="demo"></p>

关于javascript - 如何显示完整的数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39201953/

相关文章:

javascript - Dynamics CRM 2016 Online - 使用对话框后刷新记录

Javascript检查文件是否存在

javascript - ng-if 指令 : What's the issue here?

javascript - 在 Vue.js 中操作数据值

javascript - 将 ByteArray 从 Knockout.js 发布到 Web 服务

javascript - 将 document.getElementsByClassName 转换为 Jquery

JavaScript 删除页面上所有唯一的图像

javascript - 主干获取属性返回未定义

javascript - 流体网格中的动态高度 css

javascript - 使用 <canvas> 和 javascript 在图像上自由绘制