如何在 vue 中正确使用“包含”答案

【问题标题】：how to use 'includes' correctly in vue如何在 vue 中正确使用“包含”
【发布时间】：2021-03-16 13:20:17
【问题描述】：

如果数组中的对象具有字符串FAILED，我想显示一条错误消息。我的数组如下所示：

我检查一个对象是否具有state: "FAILED" 的代码如下所示：

hasFailedTask() {
  console.log(this.model.status.tasks);
  return this.model.status.tasks.state.includes('FAILED');
},

但是我总是在控制台中收到以下错误消息：

vue.runtime.esm.js:587 [Vue warn]: Error in render: "TypeError: Cannot read property 'includes' of undefined"

有谁知道这个问题并且可以支持我吗？

提前谢谢你！

【问题讨论】：

tasks 是一个数组，它包含对象some，其中.state 属性值为'FAILED'。没有tasks.state 属性。
谢谢@Bergi，它在我的代码中看起来如何？
就像@ASDFgerte 刚刚评论的一样
对不起，我出于各种原因删除了我的评论。为了完整起见，它是!arr.some(obj => obj.prop === 'FAILED')，但我没有按要求命名属性，或者相关对象中属性的深度。

【解决方案1】：

您可以使用find 方法，因为 this.model.status.tasks 是一个数组：

hasFailedTask() {
 
  return  this.model.status.tasks.find(task=>task.state.includes('FAILED'));
},

【讨论】：

【解决方案2】：

你的函数应该是这样的：

hasFailedTask() {
  //console.log(this.model.status.tasks);
  return this.model.status.tasks.some(({state}) => state === "FAILED")
},

【讨论】：

【解决方案3】：

您也可以使用 flatMap 来进行包含检查：

hasFailedTask() {
    return this.model.status.tasks.flatMap(t => t.state).includes('FAILED');
}

【讨论】：