スプリットフィルターコールバック関数の出力

Question

arr.filter(filterCallback(this, newValue)); 

function filterCallback(this, newValue){ 
    return this !== newValue; 
} 

上記のコードは機能しません。何が問題なのかはわかりません。私は関数を分割しようとする前に、これは動作しています。

arr.filter(function(val){ 
    return val !== newValue; 
}); 

Answer 1

あなたはパラメータでfilterCallbackを呼び出すためにFunction.prototype.bind()を使用して、値を比較する.filter()callbackの現在の要素を受け取ることができます。最初のパラメータは、これは動作します.bind()

var arr = [1,2,3]; 
 

 
var not = {n:3}; 
 

 
var res = arr.filter(filterCallback.bind(not)); 
 

 
function filterCallback(el){ 
 
    return this.n !== el; 
 
} 
 

 
console.log(res); // [1, 2]

Answer 2

に渡されたとして、あなたはまた、filterCallback()コールのthisを設定することができます -

arr.filter(filterCallback); 

function filterCallback(){ 
    return newValue; 
} 

チェックスニペット

var ages = [32, 33, 16, 40]; 
 

 
function checkAdult(age) { 
 
    return age >= 18; 
 
} 
 

 
function myFunction() { 
 
    document.getElementById("demo").innerHTML = ages.filter(checkAdult); 
 
}

<p>Click the button to get every element in the array that has a value of 18 or more.</p> 
 

 
<button onclick="myFunction()">Try it</button> 
 

 
<p id="demo"></p>