javascript - 我应该将数据存储在 Javascript 对象中，还是只使用屏幕上的表格？

Question

我正在开发一个相当大的聊天应用程序，并且有一个关于 JS 数据存储最佳实践的问题......

我有一个表，其中填充了来自服务器的 AJAX 数据，Javascript 从中获取了一些信息，也从内部对象获取了一些信息，该内部对象也填充了 AJAX 数据。我开始在一个对象中存储有关每个聊天的信息，例如用户状态、姓名等，并意识到......我这里有这张表，我可以将其用作数据存储。它是持久的，至少只要他们在聊天中，它就会保留在那里，那么为什么不直接添加一些隐藏的 TD 或跨度来保存这些数据，而不是处理 Javascript 对象呢？我不知道速度是否会有明显的变化(处理对象与必须解析 ID 标签和字符串)，但我只是想知道使用表进行数据存储是否有任何根本原因坏事。

另一方面，我是否应该完全停止使用表查找数据，而是将所有数据存储在一个对象中(同时将其显示在表中)？或者我当前的混合系统(在表中查找表中的内容；对表中不存在的内容使用对象，而不是使用隐藏的跨度/tds)很好吗？

Answer 1

无论是使用innerHTML还是DOM方法填充表格，性能都会变差。检索数据(特别是通过迭代)也变得不那么冗长，更容易维护，而且性能也更好。使用 HTML 表格也是一个更脆弱的选项，如果出现问题，页面上的其他标记可能会变得无效，或者更糟糕的是，它最终可能会显示给用户。

还有一个简单的事实，它看起来很老套、变通办法而且肮脏。它是一个 HTML 表，用于呈现表格数据，而不是用于数据存储的 SQL 表。

JavaScript 对象几乎是根据您所描述的内容制作的。如果您从服务器获取的数据已经采用合适的形式(即 JSON)，那么使用对象更有意义，并且是一个很好且干净的选择。然后它就为你准备好了，你所要做的就是 parse it .