javascript - 使用 IndexOf() 过滤返回空白结果

Question

我正在一个如下所示的列表上运行过滤器。

if (!(this.state.filter && c.lastName && c.lastName.toLowerCase().indexOf(this.state.filter) == -1)) {
                return true
} else if (!(this.state.filter && c.firstName && c.firstName.toLowerCase().indexOf(this.state.filter) == -1)){
                return true
} else if (!(this.state.filter && name && name.toLowerCase().indexOf(this.state.filter) == -1)){
                return true
}  else if (!(this.state.filter && c.email && c.email.toLowerCase().indexOf(this.state.filter) == -1)){
                return true
} else {
                return false
}

但是，由于 null、0 和 '' 都与该查询匹配，因此每个过滤器都会返回所有没有名字、姓氏或电子邮件。

我知道我可以通过为每个项目设置单独的过滤字段来将其分开，但似乎必须有更好的方法来不匹配空字符串？

Answer 1

您需要检查您的属性是否为字符串类型，因此而不是

... && c.lastName && ...

它需要:

... && typeof c.lastName === 'string' && ...

要稍微压缩一下，你可以这样做:

return !this.state.filter
        || [c.lastName, c.firstName, name, c.email].some( 
                value => typeof value === 'string' 
                        && value.toLowerCase().includes(this.state.filter) );

var test = {
    state: {},
    test: function(c, name) {
        return !this.state.filter
            || [c.lastName, c.firstName, name, c.email].some( 
                    value => typeof value === 'string' 
                            && value.toLowerCase().includes(this.state.filter) );
    }
}

test.state.filter = 'abcd';
var res = test.test({ lastName: 'Mr abc', firstName: 'Helen' }, '');
console.log(res);
res = test.test({ lastName: 'Mr abcd', firstName: 'Helen' }, 'John');
console.log(res);
res = test.test({ lastName: 0, firstName: null }, NaN);
console.log(res);