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"] 而不是Photo 1我想过滤掉分开的字母。

以下是codePen的链接：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;
    });
}

Answer 2

我的第一个猜测是：

{{1}}

也许如果你给我们一个例子'filterText'并返回它如何变得更容易。

Javascript为图库创建过滤器

2 个答案: