TypeScript中使用filter筛选含Principal角色元素的问题

你的问题出在indexOf的返回值逻辑上：

• 当roles数组里找到Principal时，indexOf返回它的索引0
• 找不到时返回**-1**

而filter函数会把布尔值为false的元素过滤掉，这里0会被视为false（匹配到的元素反而被过滤），-1会被视为true（没匹配到的元素被保留），所以最终得到了2个不符合预期的元素。

正确写法有两种： #

1. 修正indexOf的判断逻辑

明确判断indexOf的结果不等于-1：

const filteredPeople = people.filter(obj => obj.roles.indexOf('Principal') !== -1);
console.log(filteredPeople.length); // 输出1

2. 使用更语义化的includes方法（推荐）

ES6+新增的Array.includes()可以直接判断数组是否包含指定元素，代码更直观，适合新手：

const filteredPeople = people.filter(obj => obj.roles.includes('Principal'));
console.log(filteredPeople.length); // 输出1

内容的提问来源于stack exchange，提问作者AnonymousAlias