如何将 JSON.stringify 显示为 HTML 作为值答案

【问题标题】：How to display JSON.stringify to HTML as values如何将 JSON.stringify 显示为 HTML 作为值
【发布时间】：2021-11-25 20:52:56
【问题描述】：

我尝试使用 json 获取数据，并且它按我的意愿工作。但问题是如何在我的页面或 HTML 上显示它？我得到的是[{"name":"Black wall"},{"name":"Green wall"},{"name":"Gray wall"}]，所以我怎样才能使它正式并且只显示Black wall, Green wall, Gray wall。有没有办法做到这一点？

$(function(){
    $(".checkBoxClass").on("click", function() {
        var data = [];
        $("table > tbody > tr").each(function () {
        var $tr = $(this);
        if ($tr.find(".checkBoxClass").is(":checked")) {
            data.push({
            name: $tr.find(".name").text(),
            });
        }
        });
        console.clear();
        var messages = JSON.stringify(data);
        console.log(messages);
    });
});

【问题讨论】：

数组映射() FTW
@epascarello 我该怎么做，先生，你能给我一个指导吗？谢谢我是 jquery 的新手，你可以看到谢谢
与 jQuery 无关，它只是基本的 JavaScript map() 方法。

标签： javascript jquery json

【解决方案1】：

带有 join() 的基本数组 map()

var data = [{"name":"Black wall"},{"name":"Green wall"},{"name":"Gray wall"}];

console.log(data.map(function(obj){ return obj.name; }).join(", "));

【讨论】：

这就是我要找的！非常感谢，我正在学习。
最后一个问题，如何将其调用到我的 HTML 中？我有<span id="name"></span>
你设置了text()
非常感谢你先生

【解决方案2】：

您可以将结果转换为您的格式的方法之一：

const myResult = [{"name":"Black wall"},{"name":"Green wall"},{"name":"Gray wall"}];

const myItems= myResult.map( (item)=> {
    return item.name;
});

console.log(myItems.join(','))

【讨论】：

【解决方案3】：

output.innerHTML = messages.propertyName; //我假设消息是你的 json.stringify 对象

【讨论】：

此答案似乎并未真正回答问题，如果您想提供答案，请查看 How to Answer 并按照指南提供完整的答案。