从 Typescript 中的数组中删除项目 Using.filter() - 不可变模式

Question

我正在尝试从数组中删除项目 Using.filter() - 不可变模式

const drinks = ['Cola', 'Lemonade', 'Coffee', 'Water'];
const id = 'Coffee';
const idx = drinks.indexOf(id);
const removedDrink = drinks[idx];
const filteredDrinks = drinks.filter((drink, index) => drink !== idx);

但是我遇到的问题是我有这样的错误

const idx: number 此条件将始终返回“true”，因为类型“string”和“number”没有重叠

Answer 1

对于.filter的回调，第一个参数是被迭代的值，第二个参数是被迭代的索引。 TypeScript 正确地警告您将idx - 一个数字 - 与数组元素之一 - 一个字符串 - 进行比较没有意义。

indexOf在这里是完全多余的。 只需使用

const drinks = ['Cola', 'Lemonade', 'Coffee', 'Water'];
const id = 'Coffee';
const filteredDrinks = drinks.filter(drink => drink !== id);