帶有箭頭函數回調的Array.prototype.filter（）參數？ （沒有這種綁定）

Question

編輯：這已被錯誤地標記爲重複數據刪除技術（見註釋討論）解決這一特定問題是由文章作者here

由https://hackernoon.com/rethinking-javascript-death-of-the-for-loop-c431564c84a8提供啓發我已經重構了一些舊碼。

由於Array.prototype.filter（callback，thisArg）的第二個參數在回調中綁定了「this」對象，但箭頭函數不綁定「this 」。

在我的示例中，我通過使用「Object.keys（）」從關聯數組中獲取關鍵字（是的，我知道，技術上在js中不可用），然後通過其對象的屬性關聯數組「this [item] .property」，但由於此綁定不可用而失敗。

因此，擁抱箭頭函數，如何將參數傳遞給filter（）中的回調函數？

const arr = { 
 
    a: { 
 
     property: true, 
 
     otherProp: false 
 
    }, 
 
    b: { 
 
     property: true, 
 
     otherProp: false 
 
    }, 
 
    }, 
 
    hasProperty = item => this[item].property, 
 
    getMatchingKeys = object => Object.keys(object).filter(hasProperty, object); 
 
getMatchingKeys(arr);

Answer 1

您可以使用Object.entries。它同時提供鍵和值，這樣你就不需要參考對象本身：

const arr = { 
 
     a: { 
 
      property: true, 
 
      otherProp: false 
 
     }, 
 
     b: { 
 
      property: true, 
 
      otherProp: false 
 
     }, 
 
     c: { 
 
      property: false, // to be excluded 
 
      otherProp: true 
 
     }, 
 
    }, 
 
    hasProperty = ([key, value]) => value.property, 
 
    first = ([key]) => key, 
 
    getMatchingKeys = object => Object.entries(object).filter(hasProperty).map(first); 
 

 
console.log(getMatchingKeys(arr));

.as-console-wrapper { max-height: 100% !important; top: 0; }

你也可以使用bind - 不結合this，但第一個參數：

const arr = { 
 
     a: { 
 
      property: true, 
 
      otherProp: false 
 
     }, 
 
     b: { 
 
      property: true, 
 
      otherProp: false 
 
     }, 
 
     c: { 
 
      property: false, // to be excluded 
 
      otherProp: true 
 
     }, 
 
    }, 
 
    hasProperty = (object, key) => object[key].property, 
 
    getMatchingKeys = object => Object.keys(object).filter(hasProperty.bind(null, arr)); 
 

 
console.log(getMatchingKeys(arr));

.as-console-wrapper { max-height: 100% !important; top: 0; }

另請參閱my answer to another question中的其他選項。

Answer 2

文章的作者提供一個answer in the comments，這裏供參考：

const arr = { 
    a: { 
    property: true, 
    otherProp: false, 
    }, 
    b: { 
    property: true, 
    otherProp: false, 
    }, 
} 
const hasProperty = object => item => object[item].property 
const getMatchingKeys = object => Object.keys(object).filter(hasProperty(arr)) 
getMatchingKeys(arr) // = ['a', 'b'] 

進一步閱讀，通過@bergi在原崗位的給予（深埋，貼在這裏的更大的可視性）：

1. jQuery pass more parameters into callback
2. How do I pass an extra parameter to the callback function in Javascript .filter() method?