TypeScript如何修改字典列表副本且不影响原列表？

没问题，这完全可行！你遇到的是JavaScript/TypeScript里很常见的浅拷贝陷阱——咱们一步步拆解问题，再给你几个靠谱的解决方案。

问题根源：浅拷贝只复制外层，引用类型共享 #

你用的slice()或者扩展运算符[...a]都属于浅拷贝：它们只会复制数组的“外壳”，但数组里的元素是对象（引用类型），这些对象的引用还是和原数组a共享的。所以当你修改b里对象的x属性时，本质上是在修改同一个内存地址里的数组，自然会同步影响到a。

另外还要提一句：你代码里的b.filter(i=> i['x']= i['x'].filter(z=>z%2==0))写法有点问题——filter的回调函数应该返回布尔值来筛选元素，你这里是赋值操作，虽然能修改x，但这不是filter的正确用法，建议用forEach或者直接遍历修改元素。

解决方案：实现深拷贝 #

要让a和b完全独立，你需要做深拷贝：不仅复制数组外层，还要递归复制里面的所有引用类型（对象、数组）。下面是几种实用的方法：

方法1：手动遍历复制（适合结构明确的场景） #

如果你的数据结构比较固定，手动复制每个属性最直观，也避免了序列化的局限性：

var a = [{"x":[2,3,14,5,7,8],"y":[7,8,9,10]}];

// 深拷贝数组中的每个对象及属性
var b = a.map(item => {
  return {
    x: [...item.x], // 复制x数组
    y: [...item.y]  // 复制y数组
  };
});

// 正确修改b的x数组
b.forEach(item => {
  item.x = item.x.filter(z => z % 2 === 0);
});

console.log(a); // 原数组不受影响：[{"x":[2,3,14,5,7,8],"y":[7,8,9,10]}]
console.log(b); // 修改后的b：[{"x":[2,14,8],"y":[7,8,9,10]}]

方法2：JSON序列化反序列化（简单快捷，适合纯JSON结构） #

如果你的数据里没有函数、undefined、Symbol或者循环引用，用JSON.parse(JSON.stringify())是最简单的深拷贝方式：

var a = [{"x":[2,3,14,5,7,8],"y":[7,8,9,10]}];
var b = JSON.parse(JSON.stringify(a));

// 修改b
b.forEach(item => {
  item.x = item.x.filter(z => z % 2 === 0);
});

console.log(a); // 原数组不变
console.log(b); // 修改后的b

⚠️ 注意：这种方法会丢失函数、undefined等非JSON兼容类型，而且无法处理循环引用的对象。

方法3：通用递归深拷贝函数（适配大多数场景） #

如果你的数据结构复杂（有嵌套对象/数组），可以自己写一个递归的深拷贝函数，适用性更广：

function deepCopy(obj) {
  // 非引用类型直接返回
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  // 处理数组
  if (Array.isArray(obj)) {
    return obj.map(item => deepCopy(item));
  }
  // 处理对象
  const copiedObj = {};
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      copiedObj[key] = deepCopy(obj[key]);
    }
  }
  return copiedObj;
}

var a = [{"x":[2,3,14,5,7,8],"y":[7,8,9,10]}];
var b = deepCopy(a);

// 修改b
b.forEach(item => {
  item.x = item.x.filter(z => z % 2 === 0);
});

console.log(a); // 原数组不变
console.log(b); // 修改后的b

总结 #

只要实现了深拷贝，修改b就不会影响a了。根据你的数据结构选择合适的方法就行——结构简单用手动复制或JSON方法，复杂结构用递归深拷贝函数。

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