¿Alguien tiene una buena comprensión de cómo este enfoque de copia superficial podría afectar un método .map? En resumen, ¿cuál es la diferencia entre:

Método 1:

 const ratingArray = Array.from(new Array(Math.floor(rating)));

contra

Método 2:

 const ratingArray = new Array(Math.floor(rating));

en términos de su impacto en este fragmento:

 {ratingArray.map(() => ( <SvgXml xml={star} width={20} height={20} /> ))}

He estado trabajando en un tutorial y noté esto en la línea 51 de este archivo https://github.com/mobinni/MealsToGo/blob/14-rating/src/features/restaurants/components/restaurant-info-card.component .js#L51 . Al jugar con ellos, parece afectar el comportamiento de .map, por lo que realmente no entiendo qué sucede debajo del capó aquí.

¿Usar Array.from no crearía una copia superficial adicional? No entiendo por qué es necesario, pero si usa el Método 2, no parece funcionar como se esperaba.