javascript - 解析 html 表中的行分隔的 json 对象

Question

我无法更改 json 格式。数据存储在新行中。json 文件:

{"ProgMode":"on","wait_h":"5","wait_m":"5","output":"1"}
{"ProgMode":"off","wait_h":"10","wait_m":"10","output":"2"}

我使用下面的代码，但在 json 文件中没有括号 ([])，它不起作用。

    var ReqJson = new XMLHttpRequest();
function response(){
    if(this.readyState == 4 && this.status == 200){
        var myObj = JSON.parse(this.responseText);
        const dbParam = JSON.stringify({table:"ProgramView",limit:20});
        let text = "<table class='table my-0'>"
        for (let x in myObj) {
        text += '<tr><td>' + myObj[x].wait_h + ':' + myObj[x].wait_m + ':' + myObj[x].output + '</td></tr>';
        }
        text += "</table>"    
        document.getElementById("dynamic_table").innerHTML = text;
    }
}

function ProccessConfig(){
    ReqJson.open("POST", "Programs.json", true);
    ReqJson.onreadystatechange = response;
    ReqJson.send()
}
ProccessConfig();

那么如何解析用换行符存储且没有逗号和括号的 json？

Answer 1

您可以将输入文本拆分为行，然后“JSON.parse”单行。

let myObj = this.responseText.split('\n')
  .filter(line => line !== "")
  .map(JSON.parse);

基于您的字符串的示例:

let text = `{"ProgMode":"on","wait_h":"5","wait_m":"5","output":"1"}
{"ProgMode":"off","wait_h":"10","wait_m":"10","output":"2"}
`

let myObj = text.split('\n')
  .filter(line => line !== "")
  .map(JSON.parse);
console.log(myObj)