Erklärung von Array from map und [...xxx]

[Dvdscot]

Hallo,

bin seit einiger Zeit dabei nen Graphen mit allerlei Funktionen zu programmieren.

Als erstes hab ich Zufallsdaten generiert und in ein zweidimensionales Array gepackt und zwar ganz klassisch mit for Schleife und Push, so wie ich das in der Weiterbildung gelernt habe.
Der Code war lang aber hat funktioniert. Musste dann was ändern und ein Experte hat mir dabei geholfen. Er hat das ganze in nur ein paar Zeilen gemacht und zwar mit array from und map.
Außerdem hat er [...array] benutzt, das hab ich alles mal in Büchern gelesen. Map ist wohl die einfachere Variante was zusammen zu schweißen.

Code:

const y_red = Array.from({length: points}, () => Math.round(Math.random() * (max - min)) + min)
y_red.sort((a,b) => a-b);

const y_green = [...y_red];
y_green.sort((a,b) => b-a);

const dataset1 = y_red.map((y,i) => [x_values[i],y]);

Ich hatte das hier vorher:

          let min = 0;
            let max = 200;
            let x_arr = [];
            let y_arr = [];
            let s_arr = [];
            let z_arr = [];

            for (let i = 0; i < 6480; i++) {
                var r = Math.round(Math.random() * (max - min)) + min;
                x_arr[i]= i;
                y_arr[i]= r;
                z_arr.push([x_arr[i],y_arr[i]]);
            }

            s_arr = y_arr.sort(function(a, b){return a - b});

            let neu_arr = [];
            let zz_arr = [];

            for (let i = 0; i < 6480; i++) {
                neu_arr[i]= i;
                zz_arr.push([neu_arr[i], s_arr[i]]);
 

Kann mir jemand die obige Methode erklären bitte? Danke