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

Question

Есть массив вида

0: [{…}]
1: [{…}, {…}]
2: [{…}, {…}]
3: [{…}]
4: [{…}, {…}]

Как мне вывести в консоль каждое поле объекта внутри массива? Для примера, пусть поле называется Name. Была такая попытка:

{this.state.customProducts &&
   this.state.customProducts.map((item) => {
    item.map((model) => {
     console.log(model.Name)
     return(<div>{model.Name}</div>)
    })
 })}

Получаю undefined.

Answer 1

помогла доп. проверка console.log(model && model.Name)

Answer 2

Внутри объекта нужно пройтись по ключам, Object.keys вам в помощь. Т.е. первый цикл правильно, внутри Object.keys(item).forEach(key => console.log(item[key]));

Answer 3

Для каждого элемента массива можно использовать console.table.

const a = [
  [{
    name:"test name",
    surname: "test surname"
  }],
  [{
    name: "test 2 ",
    surname: "test 2 surname"
  }]
];

a.forEach(el => console.table(el));

БЛОГ НА HUSL

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

Ответы (3 шт):