Javascript 限制JSON对象的行数而不是字符数

在JavaScript中解析JSON对象，当我切片时，它会给我一个字符计数，而不是元素/行计数

以下是JSON：

{
    "DueDateSevenPm1b": [{
            "tranid": "123",
            "item": "thing1",
            "custbody_wo_current_work_center": "room1",
            "lastmodifieddate": "9/11/2020 2:21 pm"
        },
        {
            "tranid": "456",
            "item": "thing2",
            "custbody_wo_current_work_center": "room2",
            "lastmodifieddate": "9/16/2020 1:55 pm"
        },
        {
            "tranid": "789",
            "item": "thing3",
            "custbody_wo_current_work_center": "room3",
            "lastmodifieddate": "9/15/2020 5:44 pm"
        }
   ]
}

这是我的密码：

const url1 = 'https://example.com/app/scriptlet';
/*----2----*/
let t1request2 = new XMLHttpRequest();
let dueDateOneB = '';
t1request2.open('GET', url1, true);
t1request2.onload = function() {
    let secondreport = JSON.parse(this.response);
    for (let i = 0; i < secondreport.DueDateSevenPm1b.length; i++) {
        dueDateOneB +=
            '<tr><td>' + secondreport.DueDateSevenPm1b[i].tranid +
            '</td><td>' + secondreport.DueDateSevenPm1b[i].custbody_wo_current_work_center +
            '</td><td>' + secondreport.DueDateSevenPm1b[i].item +
            '</td><td>' + secondreport.DueDateSevenPm1b[i].custbody_so_main_duedate +
            '</td></tr>'
    }
    document.querySelector('#dueDateOneB').innerHTML = dueDateOneB.slice(0, 1);
}
t1request2.send();

您会注意到切片从0开始，在字符1结束，在这里我需要限制行数而不是字符数。在实际文档中，在任何给定的时间都有大约150个项目，我将限制为900个字符，显示大约9行，但不包含包装。以下是该问题的屏幕截图

在限制的情况下，最后一行在中途换行或在char时停止 已达到计数限制

你的dueDateOneB是一个字符串。但您试图从DOM文档中选择它。querySelector'dueDateOneB'就像它是呈现元素的ID一样。但它不是一个渲染元素；还是一根线。