将数据从多维 JSON 发送到 html 表时重复答案

【问题标题】：repeating when send data from multi-dimensional JSON to html table将数据从多维 JSON 发送到 html 表时重复
【发布时间】：2020-03-18 09:44:35
【问题描述】：

 const Arri = JSON.parse(data);
            var pname;
            for (var i = 0; i < Arri.length; i++) {

                 pname = " " ; // null tried
                var propinfo = Arri[i].propinfo;
                for (var j = 0; j < propinfo.length; j++) {
                   pname = pname +propinfo[j].propertyname +"  |  ";
                }
                $('#tblbody').append('<tr><td scope="row">'+Arri[i].propertyid+'</td><td>'+pname+'</td></tr>"');
            }

当我运行此代码时，我有以下输出。

pro1 |亲2 |专业版3

pro1 |亲2 |临3临4 |亲5 |临6

pro1 |亲2 |临3临4 |亲5 |临6临7 |亲8 |临9

pro1 |亲2 |临3临4 |亲5 |临6临7 |亲8 | pro9 pro10 |亲11 |专业版12

我想成为这样的人：

pro1 |亲2 |专业版3

pro4 |亲5 |临6

pro7 |亲8 |临9

pro10 |亲11 |专业版12

【问题讨论】：

请提供好html部分。 #tblbody 是否被
标签包围？
你必须有这样的东西：
或
# 第一最后

标签： javascript jquery arrays json

【解决方案1】：

你有没有试过用NULL代替双引号，

 const Arri = JSON.parse(data);
        var pname;
        for (var i = 0; i < Arri.length; i++) {

             pname = NULL;
            var propinfo = Arri[i].propinfo;
            for (var j = 0; j < propinfo.length; j++) {
               pname = pname +propinfo[j].propertyname +"  |  ";
            }
            $('#tblbody').append('<tr><td scope="row">'+Arri[i].propertyid+'</td><td>'+pname+'</td></tr>"');
        }

【讨论】：

我累了，但仍然得到相同的结果。

【解决方案2】：

让我们试试局部变量。试试这个：

        const Arri = JSON.parse(data);

        for (let i = 0; i < Arri.length; i++) {

            let pname = "" ; // null tried
            let propinfo = Arri[i].propinfo;
            for (let j = 0; j < propinfo.length; j++) {
               pname = pname +propinfo[j].propertyname +"  |  ";
            }
            $('#tblbody').append('<tr><td scope="row">'+Arri[i].propertyid+'</td><td>'+pname+'</td></tr>"');
        }

【讨论】：

【解决方案3】：

这段代码没有任何问题，我确定你的json有问题，请你分享你的json数据。

【讨论】：