Question

假设我有一个包含5k行和50列（从JavaScript对象生成）的HTML表格，我想使用HTTP（JSON）从客户端向服务器发送50个选中的行（复选框）。什么会更有效率？在HTML中迭代以查找已检查的行或通过我的JavaScript对象迭代以查找相应的行？

fields = columns（50）

values = rows（~5k）

JavaScript数据对象：

parent {
  child: [{field1: value1, field2: value2, field3: value3, and so on...}]
}

Answer 1

我不确定你要对这些信息做什么，但是与DOM交互是你可以做的最慢的事情之一，所以你应该检查JavaScript对象。

Answer 2

在生成每一行时，您会保留对该复选框的引用，并将其绑定到javascript对象中的数据。

然后在复选框上添加一个事件监听器：当您打开或关闭一行时，您可以推送或删除数组中的映射数据行，该数组始终是最新的并准备好发送。