TypeScript， --strictNullChecks 模式。
假设我有一个可为空的字符串数组 (string | null)[]。有什么单表达式的方法可以以这样一种方式删除所有 null，使得结果的类型为 string[]？
const array: (string | null)[] = ["foo", "bar", null, "zoo", null];
const filterdArray: string[] = ???;
Array.filter 在这里不起作用：
// Type '(string | null)[]' is not assignable to type 'string[]'
array.filter(x => x != null);
数组推导式本来可以使用，但它们在 TypeScript 中不被支持。
实际上，这个问题可以概括为从联合类型的数组中过滤掉具有特定类型的条目。但是，让我们专注于包含 null 和 undefined 的联合类型，因为这些是最常见的用例。
简单使用
array.filter(Boolean);
这将适用于所有真值。
很遗憾，这不提供类型推断，在这里找到了解决方案。
type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T; //from lodash
function truthy<T>(value: T): value is Truthy<T> {
return Boolean(value); // or !!value
}
const arr =["hello","felow","developer","",null,undefined];
const truthyArr = arr.filter(truthy);
// the type of truthyArr will be string[]
type Truthy = T extends false | '' | 0 | null | undefined ? never : T;
function truthy(value: T): value is Truthy {
return Boolean(value);
}
const truthyArr = arr.filter(truthy);
- shrijan tripathiconst array: (string | null)[] = ['foo', 'bar', null, 'zoo', null];
const filteredArray: string[] = array.filter(a => !!a);
strictNullChecks后无法编译。 - Jan Aagaard'' 被认为是假值，并且在过滤期间被删除。 - Roman Vottner如果您可以接受另一个.map()的开销，一种优雅的解决方案是使用非空断言运算符。
const array = ["foo", "bar", null, "zoo", null];
const filterdArray: string[] = array.filter(s => s != null).map(s => s!);
如果您想保留未定义的变量，可以在变量上使用typeof，并使用实用类型Exclude从类型中删除null。
const array = ["foo", "bar", null, "zoo", null];
const filterdArray: string[] = array
.filter(s => s !== null)
.map(s => s as Exclude<typeof s, null>);
我多次回到这个问题，希望一些新的TypeScript特性或类型能够修复它。
这里有一个我很喜欢的简单技巧，用于将map与后续的filter结合使用。
const animals = ['cat', 'dog', 'mouse', 'sheep'];
const notDogAnimals = animals.map(a =>
{
if (a == 'dog')
{
return null!; // just skip dog
}
else {
return { animal: a };
}
}).filter(a => a);
null！，实际上它变成了类型never——这意味着最终类型不包含null。最短的方法：
const validData = array.filter(Boolean)
我相信你的一切都很好，除了类型检查只是使过滤的类型与返回类型没有区别。
const array: (string | null)[] = ["foo", "bar", null, "zoo", null];
const filterdArray: string[] = array.filter(f => f !== undefined && f !== null) as any;
console.log(filterdArray);
reduce一些答案建议使用reduce，以下是方法：
const languages = ["fr", "en", undefined, null, "", "de"]
// the one I prefer:
languages.reduce<string[]>((previous, current) => current ? [...previous, current] : previous, [])
// or
languages.reduce((previous, current) => current ? [...previous, current] : previous, Array<string>())
// or
const reducer = (previous: string[], current: string | undefined | null) => current ? [...previous, current] : previous
languages.reduce(reducer, [])
结果：["fr", "en", "de"]
TS Playground 这里。
const filterdArray = array.filter(f => !!f) as string[];
如果您正在使用过滤器检查空值和其他条件，那么可以简单地使用此方法。希望这对于正在寻找对象数组解决方案的人有所帮助。
array.filter(x => x != null);
array.filter(x => (x != null) && (x.name == 'Tom'));
TypeScript有一些实用工具可以推断数组的类型并从中排除null值：
const arrayWithNulls = ["foo", "bar", null, "zoo", null]
type ArrayWithoutNulls = NonNullable<typeof arrayWithNulls[number]>[]
const arrayWithoutNulls = arrayWithNulls.filter(x => x != null) as ArrayWithoutNulls
比起在新数组上手动强制转换为string[]，这种方法更长但更安全。
步骤如下：
typeof arrayWithNulls[number] // => string | null
null值：NonNullable<typeof arrayWithNulls[number]> // => string
NonNullable<typeof arrayWithNulls[number]>[] // => string[]
链接：
NonNullable（官方文档）typeof array[number]（博客文章，我在官方文档中找不到相关内容）
array.filter的方式非常好。甚至不需要: string[]，只需这样：const filterdArray = array.filter(x => x != null);编译器会推断出filterdArray的类型为string[]。您使用的 TypeScript 版本是什么？ - Nitzan Tomer