Как вывести элементы массива?

Question

[Andriy022]

Мне нужно выводить все name, как это сделать правильно, чтобы в конце не было андефайнед?

const arr = [
        {
            genre_ids: [
                {
                    id: 1,
                    name: 'Petya'
                },
                {
                    id: 2,
                    name: 'Ira'
                },
                {
                    id: 3,
                    name: 'Andriy'
                }
            ],
            id: 6346234,
            title: "Spider-Man: No Way Home",
        }
    ]

Answer 1

[VAKrasheninnikov]

const newArr = arr[0].genre_ids.map((el)=>el.name)

console.log(newArr)

Answer 2

[GAS-ART]

arr.forEach((item) => {
      item.genre_ids.forEach((subitem) => {
         console.log(subitem.name)
      });
   })

Answer 3

[FIREguardSPB]

Можете использовать эту функцию для вывода массива с значениями указанного поля.
По идее должно работать с любой вложенностью (многомерностью).
obj - массив или объект в котором нужно найти значения
fieldName - название поля в строковом формате значения которого нужно собрать
пример запуска
console.log(picker(arr, 'name'))
Вывод для массива представленного автором будем таким -
[ 'Petya', 'Ira', 'Andriy' ]

const picker = (obj, fieldName) => {
  const result = []
  const collectItems = (obj, fieldName) => {
    if ((typeof obj !== 'object') && (!Array.isArray(obj))) {
      return result
    }
    if (Array.isArray(obj)) {
      obj.forEach(el => {
        collectItems(el, fieldName)
      })
    }
    if ((typeof obj === 'object') && (!Array.isArray(obj))) {
      for (let key in obj) {
        if (key === fieldName) {
          result.push(obj[key])
        }
        if ((typeof obj[key] === 'object') || (Array.isArray(obj[key]))) {
          collectItems(obj[key], fieldName)
        }
      }
    }
  }
  collectItems(obj, fieldName)
  return result
}