If I have the following:
const array = new Array(5)
console.log(array)
array.forEach(() => console.log('Hello')) // does not workI would expect to see 5 'Hellos', but it seems JS doesn't even get into the loop. Why?
What I was trying to accomplish was initializing an array of objects like the following:
const users = (new Array(5)).map(() => ({name:''}))
console.log(users).map and .foEach loop over each item in the Array, by doing new Array(5) you get an array of length 5, but it's empty, nothing to loop over, you still need to fill it with items
Try this:
const result = Array.apply(null, new Array(5)).map(() => ({name:''}));
console.log(result);Or this:
const result = [...new Array(5)].map(() => ({name:''}));
console.log(result);You can fill your array like:
const array = new Array(5).fill({ name: '' });
Array.from({length: 5}, () => ({name:''}))