reduzieren Funktion mit leeres Objekt funktioniert nicht

Question

Ich versuche, ein Objekt aus Formularelementen zu erstellen. Aus irgendeinem Grund wirft es den Fehler auf.

let allInputs = [...formData]; 
allInputs.pop(); //Remove submit button 
return allInputs.reduce((userObj, data) => userObj[`${data.name}`] = data.value, {}); 

Fehler

userModel.js:17 Uncaught TypeError: Cannot create property 'last_name' on string '' 

Answer 1

Sie müssen Akkumulator oder in Ihrem Fall userObj in jeder Iteration reduzieren, damit Ihr Code so aussehen sollte.

allInputs.reduce((userObj, data) => (userObj[`${data.name}`] = data.value, userObj), {}); 

Answer 2

Das Problem ist, was Sie zum zweiten Mal Ihre Minderer genannt werden zurückkehren wird, nicht das, was Sie beginnen mit.

Sie geben eine Zuweisung zurück, sollten aber ein Objekt zurückgeben.

(userObj, data) => userObj[`${data.name}`] = data.value // <-- this returns the result of the assignment 

So etwas wie dies funktionieren soll:

allInputs.reduce(
    (userObj, data) => Object.assign(userObj, { 
    [data.name]: data.value 
    }), 
    {} 
); 

Hinweis: wie von Vic im Kommentar erwähnt, keine Notwendigkeit für String-Interpolation, das heißt ${data.name} -> nur data.name ist genug.