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，我想對分隔的圖片進行過濾字母。

下面是對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

我的第一個猜測是：

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

也許如果您給我們提供一個示例“ filterText”並返回其預期的設置會更容易。