如何处理JavaScript中的海量数据？

Question

我有一个对象列表（列表大小超过25k）。我需要对该列表执行不同的操作。例如在UI上突出显示这些单词，添加，更新，删除列表中的对象，等等。 我还必须检查重复项。 处理此类操作的海量数据的最佳方法是什么。

Answer 1

您也可以在网上阅读类似的文章： https://www.keycdn.com/blog/javascript-performance/

转到http://jsben.ch/，然后在浏览中查看其他人的基准

使用document.CreateElement

甚至对于1M +而言，遍历数组也很便宜：

var arr = new Array(1111111).fill().map( (_,n)=>n );
var t0 = performance.now();
for( var l = arr.length - 1; l >= 0; --l ) {
    arr[l]+= 1;
}
var t1 = performance.now();
console.log(t1-t0+" millisec");

Answer 2

1. 您不应该在客户端对大量数据进行计算。
2. 使用数据库（SQL或No-SQL）并存储预处理的数据（不知道它是否适合您的需求）。
3. 如@Shadow所述，使用分页（过度的DOM操作会降低性能）
4. 您可以使用套接字来处理小的数据块，并随套接字事件一起发送。然后，您可以在每个小块之后操作DOM（不知道它是否适合您的需求）。
5. How to handle large array operations in Javascript?
6. What's the most efficient way to manage large datasets with Javascript/jQuery in IE?
7. How To Process Large Volumes Of Data In JavaScript