ギャラリーの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へのリンクです：あなたは「filterText」私たちの例を与え、そのがそれであることをsuposed方法を返す場合、多分

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

：LINK `

Answer 1

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

私の最初の推測では、このですより簡単になります。