数组对象添加一一对应的值

let arr = [
        {
          name: 'like',
          content: [
            { userName: '张三', age: '19' },
            { userName: 'zangke', age: '29' }
          ]
        },
        {
          name: 'love',
          content: [
            { userName: '李四', age: '22' },
            { userName: 'like', age: '16' }
          ]
        }
      ]

我想往接口里面根据name的值添加一一对应的图片，怎么实现？
比如like的图片是…/like.png,love的图片是love.png，还有wow的图片…/wow.png
最终想要的结果是这样的
图片的路径是本地固定的，接口返回的没有图片，要根据对应的name添加对应的图片塞进数组里面，在返回新数组，如果匹配不到这个name值，就不管。

 [
        {
          name: 'like',
          img:'../like.png'
          content: [
            { userName: '张三', age: '19' },
            { userName: 'zangke', age: '29' }
          ]
        },
        {
          name: 'love',
          img:'../love.png'
          content: [
            { userName: '李四', age: '22' },
            { userName: 'like', age: '16' }
          ]
        }
      ]

 let m = new Map([['like','like.png'], ['love','love.png'], ['wow','wow.png'], ['haha','haha.png']])
  let newarr =  arr.map((item, index) => {
    let picUrl = m.get(item.name);
    item.image = picUrl;
    return {...item}
  });
      console.log('arr-',newarr);