如何在Javascript .filter()方法中向回调函数传递额外的参数？
我想将Array中的每个字符串与给定的字符串进行比较。我目前的实现是：
function startsWith(element) {
return element.indexOf(wordToCompare) === 0;
}
addressBook.filter(startsWith);这个简单的函数可以工作，但仅仅是因为现在wordToCompare被设置为全局变量，当然我希望避免这种情况，并将其作为参数传递。我的问题是，我不确定如何定义startsWith()，所以它接受一个额外的参数，因为我并不真正理解它接受的默认参数是如何传递的。我尝试了我能想到的所有不同的方法，但它们都不起作用。
如果你还能解释一下传递给‘内置’回调函数的参数是如何工作的(对不起，我不知道用什么更好的术语来描述这些函数)，那就太好了
回答 5
Stack Overflow用户
发布于 2017-08-21 03:12:13
对于那些正在寻找使用箭头函数的ES6替代品的人，您可以执行以下操作。
let startsWith = wordToCompare => (element, index, array) => {
return element.indexOf(wordToCompare) === 0;
}
// where word would be your argument
let result = addressBook.filter(startsWith("word"));使用includes更新版本
const startsWith = wordToCompare => (element, index, array) => {
return element.includes(wordToCompare);
}Stack Overflow用户
发布于 2011-10-14 03:14:44
function startsWith(element, wordToCompare) {
return element.indexOf(wordToCompare) === 0;
}
// ...
var word = "SOMETHING";
addressBook.filter(function(element){
return startsWith(element, word);
});Stack Overflow用户
发布于 2017-10-29 05:11:41
对于任何想知道为什么他们的胖箭头函数忽略[, thisArg]的人，例如为什么
["DOG", "CAT", "DOG"].filter(animal => animal === this, "DOG")返回[]
这是因为这些箭头函数中的this是在创建函数时绑定的，并且在更广泛的范围内被设置为this的值，因此thisArg参数被忽略。通过在父作用域中声明一个新变量，我可以很容易地解决这个问题：
let bestPet = "DOG"; ["DOG", "CAT", "DOG"].filter(animal => animal === bestPet); => ["DOG", "DOG"]
这里有一个更多阅读的链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_separate_this
https://stackoverflow.com/questions/7759237
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号