減少功能與空對象不工作

Question

我試圖從表單元素創建對象。出於某種原因，它正在拋出錯誤。

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

錯誤

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

Answer 1

你需要返回累加器或在你的情況下每次減少迭代userObj所以你的代碼應該看起來像這樣。

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

Answer 2

的問題是你返回你的減速被稱爲第二次，不是你下手。

您正在返回一個作業，但應返回一個對象。

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

像這樣的東西應該工作：

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

注：如由維克在評論中提及，不需要串插，即${data.name} - >只是data.name就夠了。