повторяется при отправке данных из многомерной таблицы JSON в html

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

когда я запускаю этот код, я получаю следующий вывод.

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

Я хочу быть таким:

pro1 | pro2 | Pro3

pro4 | pro5 | Pro6

pro7 | pro8 | Pro9

pro10 | pro11 | Про12

Answer 1

давайте попробуем локальные переменные. попробуйте это:

        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 2

У этого кода нет проблем, я уверен, что у вас json есть проблема, не могли бы вы поделиться json данными.

Answer 3

Вы пробовали 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>"');
        }