带有箭头函数回调的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?