如何根據來自另一個 object 數組的密鑰形成 object？

Question

我想根據來自另一個 object 的鍵形成一個 object 並將值設置為空字符串；

const availableList = [
  {id: 1, key: 'emp_id'},
  {id: 2, key: 'firstname'},
  {id: 3, key: 'lastname'},
  {id: 4, key: 'mobile'},
  {id: 5, key: 'email'},
]
    
availableList .forEach(key => result [key] = availableList [key]);

預期 output：

result = {
  emp_id: '', 
  firstname: '', 
  lastname: '', 
  mobile: '', 
  email: ''
}

Answer 1

您可以.reduce與 object 破壞和對象的計算屬性一起使用

 const availableList = [ { id: 1, key: "emp_id" }, { id: 2, key: "firstname" }, { id: 3, key: "lastname" }, { id: 4, key: "mobile" }, { id: 5, key: "email" }, ] const res = availableList.reduce( (finalObj, iteratedObj) => ({...finalObj, [iteratedObj.key]: "" }), {} ) console.log(res)

參考

Array.property.reduce

傳播語法

破壞賦值

計算屬性名稱 (ES 2015)

Answer 2

如果您對 javascript、arrays 和對象不太熟悉，最好保持簡單（避免使用箭頭函數和花哨的 es6 表示法）。

一個簡單的Array#reduce應該可以解決問題：

 const availableList = [ {id: 1, key: 'emp_id'}, {id: 2, key: 'firstname'}, {id: 3, key: 'lastname'}, {id: 4, key: 'mobile'}, {id: 5, key: 'email'}, ]; var newObject = availableList.reduce(function (result, item) { result[item.key] = ''; return result; }, {}); console.log(newObject);

如果您熟悉Array#reduce ，請發表一些評論：

• 我命名為result的參數是用於將數組“減少”為單個變量的值。
• 我命名為item的參數是每次迭代期間數組 item 的值。
• result的原始值是指定為reduce的第二個參數的值（在本例中為{} ）
• 在傳遞給reduce的 function 內部，您必須返回將在下一次迭代中作為result參數傳入的值
• 因此，在每次迭代中，您將獲得 object 以及您已經添加到該點的鍵，您添加另一個值為空字符串的鍵，然后將其返回，以便它可以用於下一次迭代。
• 一旦完成迭代，它將返回最后一個值，即內部 function 返回的值。 該值被分配給變量newObject

Answer 3

你有一組屬性。 因此，正如您在問題中所建議的那樣，您需要使用 forEach 來迭代所有項目。 在這種情況下，項目是對象。 因此，您只需編寫 obj.property 即可訪問它們的所有屬性。

讓我們看看如何將屬性添加到 object。 我可以：

obj.property5 = 'something'

或者我可以這樣做：

obj['property5'] = 'something'

由於您有一些不可預測的屬性名稱，因此您應該使用第二個。 這是代碼：

var secondObject = {};

availableList.forEach(function(item, index) {
  secondObject[item.key] = '';
});

Answer 4

這是我使用Object.fromEntries()的看法：

 const availableList = [ { id: 1, key: "emp_id" }, { id: 2, key: "firstname" }, { id: 3, key: "lastname" }, { id: 4, key: "mobile" }, { id: 5, key: "email" }, ]; const result = Object.fromEntries(availableList.map((item) => [item.key, ""])) console.log(result);