检查对象数组中的任何键是否包含来自数组数组对象的值的最佳方法是什么？

Question

我想通过检查arrOfObjs.name存在任何项目技术来创建过滤系统。 如果是，那么它将通过过滤器并被包含/显示到 DOM。 更具体地说，是 VueJS 中的计算值。

例子：

arrOfObjs = [{name: 'test1', image: 'testing1'}, {name: 'test2', image:'testing2'}]
projects: 
[
      {
        name: "testproject",
        description: "lorem ipsum",
        technologies: ["test2", "test7", "test3"]
      },
      {
        name: "atest",
        description: "lorem ipsum",
        technologies: ["test1", "test2", "test5"]
      },
]

我的尝试：

computed: {
  myComputedVal () {
    projs = []
    this.projects.forEach(p => {
      p.technologies.forEach(t => {
        this.arrOfObjs.filter(o => {
          if (o.name == t) {
            return p // maybe projs = [...projs, p] and return projs
          }
        })
      })
    })
  }
}

我想检查arrOfObjs.name中是否存在技术中的任何值，如果存在，则返回项目或将其推送到一个数组，以便稍后将此对象数组作为计算值返回。 目前，什么都没有发生。

Answer 1

我认为使用下面的代码片段，您可以过滤掉那些在arrOfObjs数组的name属性中存在任何technologies项目。

使用flatMap()您可以首先将所有名称作为字符串放入数组中。 然后按照您最初的需要使用filter()并使用some()和includes()组合，如果任何技术元素在names数组中表示，则只需过滤掉项目，例如：

({technologies}) => technologies.some(t => names.includes(t))

如果您想检查所有元素是否都存在，那么建议使用every()例如：

({technologies}) => technologies.every(t => names.includes(t))

可能的解决方案 - 用some()表示示例：

 const arrOfObjs = [{name: 'test1', image: 'testing1'}, {name: 'test2', image:'testing2'}], projects = [{name: "testproject",description: "lorem ipsum",technologies: ["test2", "test7", "test3"]}, {name: "atest",description: "Lorem ipsum", technologies: ["test1", "test2", "test5"] }]; const names = arrOfObjs.flatMap(e => e.name); const result = projects.filter( ({technologies}) => technologies.some(t => names.includes(t) // technologies.every(t => names.includes(t) // if all needed ) ); console.log(result);

我希望这有帮助！