js两个数组如何生成新的数据结构的问题

Question

参考element的穿梭框，我设置了这样两个数组

let aaa = [  
    {key:'0001',label:'图片1'},
    {key:'0002',label:'图片2'},
    {key:'0003',label:'图片3'},
    {key:'0004',label:'图片4' },
    {key:'0005',abel:'图片5'},
]
let bbb = ['0001','0002','0003']

将他们运用到element的选择器中，依据bbb中选择的数据，想将格式转成

[   
    {value:'0001',label:'图片1'},
    {value:'0002',label:'图片2'},
    {value:'0003',label:'图片3'},
]

之前询问别人，找资料，下面的代码也只是筛选，走到return，没有返回想要的对象，返回的数组对象里面还是只有key 和label

 aaa.filter(item=>{
    if(bbb.indexOf(item.key)!=-1){
            return {value:item.key,label:item.label}
    }
})

请教各位如何实现

Answer 1

let ccc=[];
aaa.filter(item=>{
if(bbb.indexOf(item.key)!=-1){
ccc.push( {value:item.key,label:item.label})
}
})
console.log(ccc)