为什么array.filter返回“ABCDE”和"UHY“

Question

我正在做我的项目，突然我发现了这个问题，但不知道为什么。我有数组：

arr=['ABCDE','HOANG','UHY']

然后我使用

arr.filter(x=>x.indexOf('H'))

结果将是(2) ["ABCDE", "UHY"]

Answer 1

您的初始代码将不能正常工作，因为indexOf返回一个带有您作为参数传递的字母索引的整数，而不是一个布尔值(如果它在您的字符串中存在或不存在)：

​

console.log('ABCDE'.indexOf('H')); // -1 (means true)
console.log('HOANG'.indexOf('H')); // 0 (means false)
console.log('UHY'.indexOf('H')); // 1

​

要避免这种情况，必须将indexOf的结果与NOT -1的结果进行比较

​

var arr = ['ABCDE','HOANG','UHY'];

var result = arr.filter(x=> x.indexOf('H') !== -1);

console.log(result);

​

如果使用的是ECMAScript 6，则可以使用String.prototype.includes()，因为它返回的是布尔值而不是索引号。(感谢@Vidushan Chooriyakumaran的建议)

​

const arr = ['ABCDE','HOANG','UHY'];

const result = arr.filter(x=> x.includes('H'));

console.log(result);

​

请注意，因为我在这里假设使用ES6，所以我也使用const而不是var。

Answer 2

当index of没有找到匹配的元素(在本例中是字母H)时，它返回-1。因为-1是真值!!-1 === true，所以第一项不会被过滤掉。但是，H字母是HOANG (索引0)和!!0 === false中的第一个项目。

筛选出indexOf返回-1的项目

​

const arr=['ABCDE','HOANG','UHY']

const result = arr.filter(x=>x.indexOf('H') !== -1)

console.log(result)

​

Answer 3

当没有匹配项时，indexOf将返回-1。请改用includes。

const arr = ['ABCDE','HOANG','UHY'];
const result = arr.filter(x => x.includes('H'));
console.log(result);