Как продублировать 4 раза объект в javascript?

Question

[nickname13384]

Имеется вот такой объект

const arr = [
 {a: 1, b: 2, c: 3}
]

нужно получить такой

const arr = [
 {a: 1, b: 2, c: 3},
{a: 1, b: 2, c: 3},
{a: 1, b: 2, c: 3},
{a: 1, b: 2, c: 3},
{a: 1, b: 2, c: 3},
]

нужно больше 5 раз дублировать

Comments

[Kovalsky]

Первые же результаты из гугла не помогли?

Answer 1

[r_mustang]

const arr = [{a: 1, b: 2, c: 3}];
const newArr = Array(4).fill(arr[0]);

Comments

[nickname13384]

спасибо

[alex]

r_mustang

newArr[0].a = 'foo'
console.log(newArr[3].a) // 'foo'

spoiler

[r_mustang]

alex, без контекста об использовании не вижу смысла учитывать необходимость изменения

[alex]

r_mustang, справедливо)

Answer 2

[Stalker_RED]

Довольно просто: arr.push(arr[0], arr[0], arr[0])
Но стоит учитывать, что это не самостоятельные копии, и при изменении одного объекта, остальные тоже изменятся.
Если каждый объект болжен быть самостоятельным, то его придется клонировать, и это более сложная история.

Comments

[nickname13384]

нужно просто через map() перебрать а массив объектов как заглушка будет, пока нет данных от api

Answer 3

[Владимир]

const arr = [
 {a: 1, b: 2, c: 3}
]
for (let i = 1; i < 4; i++) {
    arr.push({...arr[0]})
}
console.log(arr)

const arr = [
 {a: 1, b: 2, c: 3}
]
arr.push(...[{...arr[0]}, {...arr[0]},{...arr[0]}])
arr[1].d = 4
console.log(arr)

const arr = [
 {a: 1, b: 2, c: 3}
]
arr.push(...[arr[0], arr[0],arr[0]])
arr[1].d = 4
console.log(arr)

Рекомендую выполнить в консоли и посмотреть результат