如果字符串为空，则包含包含的 JavaScript 过滤器会出错

Question

如果我在我的列表中使用过滤器方法来搜索一个字符串是否包含一个子字符串，它会给出错误 Cannot read property 'includes' of null。这是完全可以理解的，因为我的列表包含一些空元素。

我该如何解决这个问题，以便过滤器不对空值使用 include？

this.list = this.list.filter(i => i.user.includes(this.searchUser))

我可以先过滤掉 null 元素，然后在新列表上再次过滤，但是我必须过滤两次。无论如何要避免这种情况？

在 C# 中，您可以简单地使用 ?. operator user?.includes 但在 JavaScript 中这是不可能的？

Answer 1

这是检查链中所有步骤的常见但不是很好的方法:

this.list = this.list
    .filter(i => (i && i.user && i.user.includes(this.searchUser)))

C#'s Null-conditional operator已提议添加到 Typescript和 Javascript .