javascript - 使用 javascript 获取匹配的数组

Question

我有两个数组。

第一个数组:

let array1 = [
   {label:'john', value:1},
   {label:'susan', value:2},
   {label:'ann', value:3}
 ]

第二个数组:

let array2 = [
 {id:1, name:'john', age:12},
 {id:3, name:'ann', age:24}
]

我期待的是获取所有值与 array2 中的 id 匹配的 array1 对象

所以基本上解决方案应该具有:

{label:'john', value:1}
{label:'ann', value:3}

所以我尝试过:

let matches  = [];
 array1.forEach((item1)=>{
   array2.forEach((item2)=>{
    if(item2.id === item1.value){
      matches.push() //stuck here 

   }
  })

})

我不知道如何将项目推送到新数组。另外看看我的代码，它看起来有点困惑。我如何重构代码才能工作。

Answer 1

您可以过滤 array2 并仅获取 array2 中 value 与 id 匹配的对象。

方法:

• Array#filter为了过滤数组，使用 itmes 返回一个新数组，其中回调返回 truthy值，

• Array#find ，它会搜索满足条件的项目。

• destructuring assignment ，例如 { value } 用于仅获取具有该名称的属性。

var array1 = [{ label: 'john', value: 1 }, { label: 'susan', value: 2 }, { label: 'ann', value: 3 }],
    array2 = [{ id: 1, name: 'john', age: 12 }, { id: 3, name: 'ann', age: 24 }],
    result = array1.filter(({ value }) =>
        array2.find(({ id }) => 
            value === id
        )
    );
    
console.log(result);