使用 filter() 针对另一个未知大小的数组测试一个数组

Question

我正在搞乱the MDN page detailing Array.prototype.filter() 上的示例代码，我发现一些有趣的事情正在发生。

我将示例代码修改如下：

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.includes('e', 'i'));

console.log(result);
// expected output: const result = words.filter(word => word.includes('e', 'i'));

console.log(结果); // 预期输出：Array ["elite", "exuberant", "destruction", "present"]

它可以工作，但是当我修改它时，这两个字符位于一个变量中（使用const 或var 声明）...

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
var test = ['e', 'i'];
const result = words.filter(word => word.includes(test));

console.log(result);
// expected output: Array ["elite", "exuberant", "destruction", "present"]
// ACTUAL OUTPUT: Array []

最后，如果我将 test 更改为 test[0,1]，我会得到第一个结果 - 正如预期的那样。

其他类似的问题似乎对我没有帮助，而且我不太确定这里发生了什么，或者我如何才能完成这项工作。

Answer 1

问题是有变量的版本和没有变量的版本不一样。

word.includes('e', 'i') 与 word.includes(['e', 'i']) 不同（尽管两者都不是你想的那样，如下所述）。

如果您想将参数存储在一个数组中，并将它们作为多个参数（展开）应用到您的函数调用中，而不是作为单个数组参数，您可以使用the spread syntax：

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
var test = ['e', 'i'];
const result = words.filter(word => word.includes(...test));

console.log(result);

真正的问题

这里真正的问题是您没有正确调用该函数。检查the MDN Docs for String#includes：

includes(searchString)

搜索字符串 要在 str 中搜索的字符串。

这个函数只接受一个参数。因此，当您word.includes('e', 'i') 时，您不应该期望它与其中包含“i”的单词匹配。只有“e”。

如果要匹配包含要匹配的所有字符串的单词，则需要重做逻辑：

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const test = ['e', 'i'];

const containsAll = words.filter( word => test.every (str => word.includes(str)))
const oneOf = words.filter( word => test.some (str => word.includes(str)))

console.log(containsAll);
console.log(oneOf);