Angular 11 如何判断子数组所有项是否包含给定数组元素并取值

你可以基于Set做匹配查找，效率更高，同时兼容未匹配到的边界场景：

// 传入的测试数组
const titles = ['Yes','No','N/A'];

// 查找匹配的questionType
const matchedItem = this._questionTypes.find(questionType => {
  // 提取当前类型的所有displayText存入Set，提升查找效率
  const currentTexts = new Set(questionType.questionTypeItem.map(item => item.displayText));
  // 校验测试数组的所有元素都存在于当前类型的displayText集合中
  return titles.every(title => currentTexts.has(title));
});

// 匹配成功返回对应displayText，未匹配到返回空字符串（可按需修改默认返回值）
return matchedItem ? matchedItem.displayText : '';

原有代码错误说明 #

1. 逻辑完全倒置：你写的判断逻辑是要求questionTypeItem的每一项的displayText都包含整个titles数组，和你要实现的「titles所有元素都存在于questionTypeItem的displayText集合里」的需求完全相反。
2. 方法参数错误：includes()只能接收单个元素作为入参，传入整个titles数组永远返回false。
3. 调用方法不匹配：find()返回的是单个匹配对象而非数组，不能调用数组专属的map()方法，直接取对象的displayText属性即可。

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