JavaScript学习--数组对象中过滤出数组里对应内容

一、模拟情况

现有两组数据

const optionName = [‘喜羊羊’,‘美羊羊’,‘懒羊羊’]
const sheepList = [
{id:1001,name:‘喜羊羊’},
{id:1002,name:‘美羊羊’},
{id:1003,name:‘懒羊羊’},
{id:1004,name:‘沸羊羊’},
]

需要获得optionName中小羊的id组成数组
结果为：
[1001,1002,1003]

二、解决方法

//模拟数据
const optionName = ['喜羊羊','美羊羊','懒羊羊']
const sheepList = [
{id:1001,name:'喜羊羊'},
{id:1002,name:'美羊羊'},
{id:1003,name:'懒羊羊'},
{id:1004,name:'沸羊羊'},
]

//运算逻辑
const result = sheepList.map(item =>{
  //item为sheepList循环次数
  if(optionName.includes(item['name'])){
    /**
     * 用遍历出来的item里的name
     * 去判断是否包含在optionName里
     * 包含则返回item.id 不包含则返回null
     */
    return item.id
  }
  return null
}).filter(item=>!!item)

console.log(result)