如何使Observable过滤后的数组元素为原数组的浅拷贝？

安全阿岳

2026-5-14

问题原因与解决方案

核心原因：冷Observable的重复订阅导致对象实例不共享

你遇到的问题本质是冷Observable的特性：当你分别订阅this.dictionaries.ksr$和this.formSuggestions.ksrCodes$时，因为后者依赖前者，两次订阅会触发fetchDictionaryByName重新执行XHR请求（或者重新生成数据对象），每次请求返回的数组元素都是全新的对象实例——哪怕内容完全一致，引用也会不同。

补充说明：Array.filter()本身只会返回一个新数组，但数组内的元素应该和原数组元素是同一引用，但前提是源数组的元素在多次订阅中是同一个实例。如果源Observable每次订阅都生成新对象，那filter后的元素自然是新实例。

解决步骤：让Observable共享数据实例

要让所有订阅复用同一批对象实例，你需要把ksr$转换成热Observable，用shareReplay(1)操作符就可以实现这个效果——它会缓存最近的一次发射值，后续订阅直接复用缓存的数据，不会重新触发XHR请求和对象创建。

修改你的dictionaries定义：

import { shareReplay } from 'rxjs/operators';

dictionaries = { 
  ksr$: this.dictionaryService.fetchDictionaryByName('KSR').pipe(shareReplay(1)), 
  ... 
}

这样不管你订阅ksr$多少次（包括formSuggestions里的依赖订阅），都会拿到同一批对象实例，filter后的元素自然和原数组元素是同一引用。

额外排查：确认服务端返回数据的处理逻辑

如果修改后还是有问题，那就要检查dictionaryService.fetchDictionaryByName的实现——比如是否在方法内部对返回的数据做了深克隆（比如用JSON.parse(JSON.stringify(rawResponse))），或者每次都用类实例化新对象。如果是这种情况，那即使是同一请求的结果，也会生成新实例，这时候需要调整服务端数据处理逻辑，确保数据只被转换一次。