ES6: verschachtelte Array in ein Array mit Objekten mit Destrukturierung

Question

Ich lerne ES6 Destrukturierung und versuchen, verschiedene Möglichkeiten zu finden, ein verschachteltes Array mit 2 Zahlen als Elemente (z. B. X-und Y-Koordinaten) in ein Array von Objekten zu konvertieren nur mit Destrukturierung.

const points = [ 
    [4, 5], 
    [3, 12], 
    [9, 30] 
] 

// goal: transfer to this format: 
// [ 
// {}, 
// {}, 
// {} 
// ] 

ein (und wahrscheinlich) die beste Lösung:

points.map(([ x, y ]) => { 
    return { x, y }; 
}); 

ein weiterer Versuch:

points.map(pair => { 
    const x = pair[0], 
    const y = pair[1] 
}); 

// Uncaught SyntaxError: Unexpected token const 

Warum bekomme ich einen Syntax hier?

mit:

points.map(pair => { 
    const [ x, y ] = pair; 
}); 

bekomme ich ein Array mit 3 undefinierten Elementen. Warum?

Answer 1

In einer Zeile erfolgt die Rückgabe automatisch.

One:

points.map(([ x, y ]) => ({ x, y })); 

Zwei:

points.map(pair => ({x: pair[0], y: pair[1]})); 

oder in mehreren Zeilen:

points.map(pair => { 
    const x = pair[0]; 
    const y = pair[1]; 
    return {x, y}; 
}); 

Drei:

points.map(pair => { 
    const [ x, y ] = pair; 
});