Как использовать метод Javascript map для доступа к вложенным объектам?

Question

Когда я запускаю приведенный ниже код и пытаюсь получить доступ к «id» в изображениях с помощью метода map (), он дает мне значение undefined. Принимая во внимание, что доступ к reId / name / dob / number совпадает с console.log (d.reId)

var data = [
    {
      reId: 'huih23432',
      name: 'skdskdss',
      dob: '26/06/1998',
      number: '34535353543',
      images: {
        "id": 'https://picsum.photos/200',
        "link": 'https://picsum.photos/200',
      },
    },
    {
    "name": "x"
    }


]

data.map((d)=>{
    console.log(d.images.id)
})

Мне нужно решение, использующее сам метод map () для доступа к id | ссылка в ключе "images".

Answer 1

var data = [
    {
      reId: 'huih23432',
      name: 'skdskdss',
      dob: '26/06/1998',
      number: '34535353543',
      images: {
        "id": 'https://picsum.photos/201',
        "link": 'https://picsum.photos/200',
      },
    },
    {
    "name": "x"
    }


]

data.map((d)=>{

    if (typeof d.images != 'undefined') 
    console.log(d.images.id);
})

Answer 2

Вы должны вернуть в обратном вызове карты

var imageIds = data.map(d=>d.images && d.images.id)
       .filter(id => id); // filter out null elements