Альтернативный вариант Object.entries, преобразующий массив объектов в строки

Question

Я пытался напечатать "person[0].name: a" и "person[1].name: b" и так далее, основываясь на этом массиве объектов person:

Я использовал записи объектов дважды, любым другим способом я могу сделать l oop more эффективный?

const person = [{
  name: 'a',
}, {
  name: 'b'
}]

Object.entries(person).forEach(([key, value]) => {
  Object.entries(value).forEach(([key2, value2]) => {
    console.log(`person[${key}].${key2}`, ':', value2)
  })
})

Answer 1

Вы можете применить рекурсивный подход и передать родительский путь.

const
    show = (object, parent) => {
        const wrap = Array.isArray(object) ? v => `[${v}]` : v => `.${v}`;
        Object.entries(object).forEach(([k, v]) => {
            if (v && typeof v === 'object') show(v, parent + wrap(k));
            else console.log(parent + wrap(k), v);
        });
    },
    person = [{ name: 'a' }, { name: 'b' }];

show(person, 'person');

Answer 2

Вы также можете попробовать что-то подобное, только с одним forEach () l oop

const person = [{
    name: 'a',
  },{
      name: 'b'
  }];
  
  
person.forEach((el,i) => {
        let prop = Object.keys(el).toString();
        
        console.log(`person[${i}].${prop}`, ':', el[prop])  
});
        
          

Answer 3

Вам действительно не нужен первый звонок. person уже является массивом.

const person = [{
  name: 'a',
}, {
  name: 'b'
}]


person.forEach((value, key) => {
  Object.entries(value).forEach(([key2, value2]) => {
    console.log(`person[${key}].${key2}`, ':', value2)
  })
})

На всякий случай forEach для побочных эффектов. Если вы хотите создать другой массив с преобразованными значениями, вам лучше использовать map / flatMap.

const person = [{
  name: 'a',
}, {
  name: 'b'
}]


const transformed = person.flatMap((value, key) => {
  return Object.entries(value).map(([key2, value2]) => `person[${key}].${key2}:${value2}`)
})

console.log(transformed)