JSON存在重复项时如何按多属性匹配查找目标对象并避免全量遍历？

原始数据是无序平铺数组结构，且不能修改原JSON存储结构的前提下，不存在查询阶段完全跳过遍历的魔法方案，但可以通过一次预处理建索引的方式，把遍历成本压缩到仅数据加载时执行一次，后续所有查询都无需全量迭代，查询复杂度为O(1)，是目前适配大体量JSON查值需求的最优解。

具体实现步骤 #

• 首次加载完JSON数据后，在内存中构建双层Map索引，全程不修改原始JSON内容：
  第一层Map的键为每条记录的ID字段值，对应值为第二层Map；第二层Map的键为month字段值，直接存储对应记录的value。
  前端JS实现参考：

  // 仅在JSON首次加载完成后执行1次
  const valueIndex = new Map()
  for (const record of rawJsonArray) {
    if (!valueIndex.has(record.ID)) {
      valueIndex.set(record.ID, new Map())
    }
    valueIndex.get(record.ID).set(record.month, record.value)
  }
  

• 后续查询指定ID+月份的数值时，直接从索引读取，不需要遍历任何原始数据：

  // 示例：查询ID为"32"、月份为"6"对应的value
  const targetValue = valueIndex.get("32")?.get("6")
  // 匹配不到时targetValue为undefined，匹配到直接返回对应value字符串
  

优化说明 #

• 索引内存开销极低：Map结构对短字符串/数字类型的键存储效率很高，哪怕原始数据有数十万条记录，构建的索引内存占用也远小于原始JSON本身，不会给网页端造成额外的内存压力。
• 适配增量加载场景：如果你的JSON是分片懒加载的，每加载完一批新数据，只需要把新记录增量插入已有索引即可，不需要重新全量遍历构建。
• 不要尝试每次查询都做全数组filter/find操作，数据量超过1万条时就会出现明显的查询卡顿，完全无法满足图表交互的响应要求。

内容的提问来源于stack exchange，提问作者Andrew Byers