javascript - 组织对象数组

Question

我们的团队有一个关于组织对象数组的问题，但我不确定如何优雅地提出它，所以提前道歉。下面是我们正在处理的对象数组的屏幕截图。有没有办法组织它，使数组索引 0 被 column_name 的值替换？

例如，数组的结构如下:

hrService_Values:
  u_proposed_effective_date:
    display_value: "2019-12-22"
    label: "Proposed Effective Date"
    value: "2019-12-22 00:00:00"

Answer 1

我认为在这种情况下你想要的是不使用数组，而是使用复杂的对象。只有这样你最终才会得到你想要的结构，那是因为你有一个对象数组。

hrService_Values: <- Object
  u_proposed_effective_date: <- Object
    display_value: "2019-12-22"
    label: "Proposed Effective Date"
    value: "2019-12-22 00:00:00"

如果你想在前端执行此操作，在普通的 JS 中，你必须迭代数组的每个对象，获取所需的属性值并将其用作根对象中的属性名称，然后复制其余属性。也许类似这样:

var myArray = new Array({
  'column_name': 'u_proposed_effective_date',
  'display_value': '2019-12-12',
  'label': 'Proposed Effective Date',
  'value': '2019-12-22 00:00:00'
}, {
  'something_else': 'blA BLA'
});

console.log(myArray);

var hrService_Values = {};
myArray.forEach(function(item, index) {
  if (item.column_name) {
    var newObj = { ...item };
    delete newObj.column_name;
    hrService_Values[item.column_name] = newObj;
  }
});

console.log(hrService_Values);