indexOfを使用して配列をフィルタリングする

Question

私は、eventOfを使用してイベント配列の最初の2つのオブジェクトを出力しようとしています。

これは何も返しません：私はこのような機能を変更

var whiteList=['css','js']; 

var events =[ 
    {file: 'css/style.css', type:'css'}, 
    {file: 'js/app.js', type:'js'}, 
    {file: 'index/html.html', type:'html'} 
]; 

var fileList= events 
    .filter(function(event){ 
    return event.type.indexOf(whiteList) >- 1 
    }) 

console.log(fileList); 

場合、私はそれがHTMLオブジェクトを返すことが期待されるものの、それは、CSSやJSオブジェクトを返します。

var fileList= events 
    .filter(function(event){ 
    return event.type.indexOf('html') 
    }) 

Answer 1

あなたは間違っている、これはこのようになるはずです。 ES6で

var whiteList = ['css', 'js']; 
 

 
var events = [{ 
 
    file: 'css/style.css', 
 
    type: 'css' 
 
}, { 
 
    file: 'js/app.js', 
 
    type: 'js' 
 
}, { 
 
    file: 'index/html.html', 
 
    type: 'html' 
 
}]; 
 

 
var fileList = events.filter(function(event) { 
 
    return whiteList.indexOf(event.type) > -1 
 
}) 
 

 
console.log(fileList)

Answer 2

、あなたは大規模なデータセットと高速アクセスのためSetを使用することができます。

var whiteList = ['css', 'js'], 
 
    whiteSet = new Set(whiteList), 
 
    events = [{ file: 'css/style.css', type: 'css' }, { file: 'js/app.js', type: 'js' }, { file: 'index/html.html', type: 'html' }], 
 
    fileList = events.filter(event => whiteSet.has(event.type)); 
 

 
console.log(fileList);