javascript - 在 Javascript 中删除和更新没有突变的数组

Question

我有一个数组:

let originalArr = ['apple', 'plum', 'berry'];

如何从这个数组中删除“plum”而不改变 originalArr ?
我可以想到以下方法:

let copyArr = [...originalArr];
originalArr = copyArr.filter(item => {
     return item !== 'plum';
});

Answer 1

您正在创建两个额外的数组:一个 copyArr和一个过滤阵列。两者都不需要，只创建过滤后的数组应该可以正常工作，例如:

setOriginalArr(
  originalArr.filter(item => item !== 'plum')
);

例如，如果 originalArr处于状态。
调用 .filter在数组上不会改变它被调用的数组——它返回一个新的、单独的数组，所以在 React 中使用是安全的，而无需事先克隆原始数组。