如何根据来自另一个 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);