Как создать массив объектов?

Question

[kentos]

Здравствуйте, есть такой вопрос, как создать массив объектов:

const contentReview = [messagesData.querySelectorAll("info"), messagesData.querySelectorAll('date')];
			contentReview.forEach((el, index) => {
				console.log(el[index].textContent)
			})

В contentReview хранятся два нодлиста, один это content, второй data , как можно сделать массив объекта, чтобы нулевой индекс а в нем text и дата и так далее, т.е content[0], data[0]

Answer 1

[Дмитрий Беляев]

const info = messagesData.querySelectorAll('info');
const date = messagesData.querySelectorAll('date');
const length = Math.max(info.length, date.length);
const contentReview = Array.from({length}, (_, i) => ({
  info: info[i],
  date: date[i]
}));

Но нет никаких гарантий, что info и date будут одинакового размера. Я использовал Math.max для вычисления размера, но в случае не совпадения размеров, для меньшего случая возникнут undefined.
Можно использовать Max.min тогда если в одном из случаев список меньше, мы просто укоротим результат, зато все будет безопасно.

Comments

[kentos]

Может я не так выразился, я так сделал изначально

const contentReview = [...messagesData.querySelectorAll("info"), ...messagesData.querySelectorAll('date')];

Но а как можно сделать, чтобы допустим 1 info, совпадала с 1 data

[Дмитрий Беляев]

kentos, обновил ответ

[kentos]

Спасибо большое!

Answer 2

[0xD34F]

Как собрать массив объектов из массива ключей и массива массивов значений:

const combine = (keys, values, defaultValue = () => null) =>
  Array.from(
    { length: Math.max(...values.map(n => n.length)) },
    (_, i) => Object.fromEntries(keys.map((k, j) => [
      k,
      values[j][i] ?? defaultValue(i, j, k),
    ]))
  );

Собираем:

const keys = [ 'info', 'date' ];

// собираем элементы
const elements = combine(
  keys,
  keys.map(k => messagesData.querySelectorAll(`.${k}`)),
  (i, j, k) => `элемент .${k} с индексом ${i} отсутствует`
);

// или, текстовое содержимое элементов
const texts = combine(
  keys,
  keys.map(k => Array.from(
    messagesData.getElementsByClassName(k),
    n => n.textContent
  )),
);

Comments

[kentos]

length = 0

[0xD34F]

kentos, очень информативно (нет; попробуйте ещё раз).