Javascript 为画廊创建过滤器

Question

我正在开发一个可过滤的图库，但现在它仅在整个标题与输入值匹配时才显示正确的图像。但我想过滤单独的字母。这里我写了一个函数:`

filterList (filterText) {
    var updatedList = this.props.array; 
    return updatedList.filter(function(item){
        var split = item.name.split("");
        console.log(split, filterText);
        return split === filterText;
    });
  }

现在它向我显示单独的 item.name，如下所示:["p","h","o","t","o","","1"]我想过滤单独的字母，而不是照片 1。

这里是代码笔的链接:LINK`

Answer 1

一种方法是将输入值与整个标题中具有相同长度的子字符串进行比较。这是一个例子:

filterList (filterText) {
    var len = filterText.length,
        updatedList = this.props.array;

    return updatedList.filter(function(item){
        var split = item.name.slice(0, len);
        console.log(split, filterText);
        return split === filterText;
    });
}