为什么在array.push中调用Object.create返回一个空对象列表？

Question

I need to create an array of objects which value of the properties is set dinamically based on an existent array of objects that contains server response.

The flow in this code seems correct to me (also according to some articles on the web) but all I receive as result is an array of n empty objects (neither id: null is displayed).

infoForecasts = [];

buildWidget() {
    this.listForecasts.map( (i) => {
        const ser = this.utilitiesService;
        return this.infoForecasts.push(
            Object.create(
                {
                    id: null,
                    time: ser.getCurrTime(ser.getDateTime(i.dt))
                }
            )
        );
    });
}

I also tried to:

...

time: Object.values(ser.getCurrTime(ser.getDateTime(i.dt))

but anything changed.

What am I doing wrong?

Answer 1

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

It should not be use to loop an array, use forEach() instead.

What i suggest you to do is using reduce() like this :

this.listForecasts.reduce(
  (acc, cur) => [
    ...acc,
    {
      id: null,
      time: this.utilitiesService.getCurrTime(
        this.utilitiesService.getDateTime(cur.dt)
      )
    }
  ],
  []
);

however if you're only trying to push something then Array.push({ id: '', time: '' }) should be perfectly fine !