时间戳

首页 > 解决方案 > 如何在不影响 javascript 性能的情况下处理数组中的 10000 个数据

javascript - 如何在不影响 javascript 性能的情况下处理数组中的 10000 个数据

问题描述

我正在尝试从服务器获取 10,000 个数组中的数据。但是当它最初加载时，它需要很长时间才能在 DOM 中呈现。我尝试了以下方法，例如在新数组中划分并加载每数百个数据。

我尝试了以下代码但无法正常工作。如果有人知道 JavaScript，请告诉我。

var count = 0;var data = [{"Name":"test","id":1},..... upto 10000]
var newarray=[];
var i;
for(i=count;i<10000;i++){
  if(i > 100){ count = i; }
   document.getElementById('demo').innerhtml += data[i].Name;
   document.getElementById('test').innerHtml += data[i].id;
} 
   <div id="demo"> </div> <div id="test"> </div>

我在加载时尝试了此代码，但性能问题仍未解决。

标签： javascriptarraysperformance

解决方案

您可以使用WebWorkers，它允许您在网页上并行运行 JavaScript，而不会阻塞用户界面

推荐阅读