js json过滤_如何在浏览器不崩溃的情况下过滤 200 万行数据？

最近我分配到了一个非常有趣的任务：在前端显示 1GB 文件和 200 万行数据，并实现过滤，在这篇文章中，我将分享我是如何完成这个任务的。

背景

我曾经创建了一个简单的 React 应用程序。这个应用程序从服务器加载一些数据，并呈现在几个表格中。在成功演示了 React 应用程序后，客户授权我访问生产数据。然后，有趣的事情发生了。当我将应用程序从开发 API 连接到生产环境并重新加载页面时，看到了类似“显示此网页时出现问题”的错误。经过调试，我发现生产服务器的 JSON 文件大小约为 500MB(而不是从开发服务器的 2 到 5 MB)。

最新的需求是：

1.JSON 文件最大可达到 1 GB。

2. 后端不会进行分页——只能接受这个事实。

首先，我尝试了 react virtualized，一个 React 组件，可以通过虚拟渲染有效地渲染大型列表。

但几天后又出现了新的需求：

3.