json——javascript中的过滤会导致DOM冻结，直到完成

我目前正在解决数据过滤的一个问题，每当过滤和向表中添加数据时，DOM都会被完全冻结。在过滤和添加数据时，是否可能以某种方式使DOM仍然可用？

简而言之，我有一个长度为1000行的表，我想向表中不包含的数据添加数据，我在json文件上创建一个xhr，并过滤添加到表中的所需值。我必须使用过滤器，因为行中没有唯一的数据。

有更好/更快的方法吗？

一段代码：

let sidc   = sid[index].innerText.trim()   || null,
    snumc  = snum[index].innerText.trim()  || null,
    itemsc = items[index].innerText.trim() || null,
    pathc  = path[index].innerText.trim()  || null,
                
    mail = result.filter(key => 
           key.sid    == sidc && 
           key.snum   == snumc && 
           key.items  == itemsc && 
           key.path   == pathc && 
           key.active == true).map(key => key.mail).toString();