repeating when send data from multi-dimensional JSON to html table

Question

 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>"');
            }

when I run this code I have the following output.

pro1 | pro2 | Pro3

pro1 | pro2 | Pro3 pro4 | pro5 | Pro6

pro1 | pro2 | Pro3 pro4 | pro5 | Pro6 pro7 | pro8 | Pro9

pro1 | pro2 | Pro3 pro4 | pro5 | Pro6 pro7 | pro8 | Pro9 pro10 | pro11 | Pro12

I want to be like it:

pro1 | pro2 | Pro3

pro4 | pro5 | Pro6

pro7 | pro8 | Pro9

pro10 | pro11 | Pro12

Answer 1

Have you try NULL instead of double quoutation,

 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>"');
        }

Answer 2

lets try local variables. try this:

        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>"');
        }

Answer 3

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