javascript - 如何根据属性值拆分数组而不改变键的顺序？

Question

我有一个像这样的数组:

var test_array = [
{
"test_name":"vna",
"header_region":"vna_results",
"header_name":"larm",
"value_title":"area"},
{
"test_name":"vna",
"header_region":"vna_results",
"header_name":"larm",
"value_title":"area"},
{
"test_name":"lma",
"header_region":"lma_results",
"header_name":"larm",
"value_title":"area"},
{
"test_name":"lma",
"header_region":"lma_results",
"header_name":"larm",
"value_title":"area"},
{
"test_name":"uni",
"header_region":"uni_results",
"header_name":"larm",
"value_title":"area"},
{
"test_name":"uni",
"header_region":"uni_results",
"header_name":"larm",
"value_title":"area"}
]

我想根据属性值将其拆分为对象:header_name

{
"vna_results":[
{
"test_name":"vna",
"header_region":"vna_results",
"header_name":"larm",
"value_title":"area"
},
{
"test_name":"vna",
"header_region":"vna_results",
"header_name":"larm",
"value_title":"area"
}
],
"lma_results":[
{
"test_name":"vna",
"header_region":"lma_results",
"header_name":"larm",
"value_title":"area"
},
{
"test_name":"vna",
"header_region":"lma_results",
"header_name":"larm",
"value_title":"area"
}
],
"uni_results":[
{
"test_name":"vna",
"header_region":"uni_results",
"header_name":"larm",
"value_title":"area"
},
{
"test_name":"vna",
"header_region":"uni_results",
"header_name":"larm",
"value_title":"area"
}
]
}

我正在使用以下函数来实现此目的:

function groupBy(arr, property) {
        return arr.reduce(function(memo, x) {
            if (!memo[x[property]]) { memo[x[property]] = []; }
            memo[x[property]].push(x);
            return memo;
        }, {});
 }



 var splitted =  groupBy(test_array, 'header_region');

but the output result changed the order of keys: lma_results first then uni and then vna..
lmi_results:{...},
uni_results:{...},
vna_results:{...},

expected order- same as in array 
i don't want to change the order. how to achieve this. Thanks in advance.

Answer 1

var test_array = [{
    "test_name": "vna",
    "header_region": "vna_results",
    "header_name": "larm",
    "value_title": "area"
  },
  {
    "test_name": "vna",
    "header_region": "vna_results",
    "header_name": "larm",
    "value_title": "area"
  },
  {
    "test_name": "lma",
    "header_region": "lma_results",
    "header_name": "larm",
    "value_title": "area"
  },
  {
    "test_name": "lma",
    "header_region": "lma_results",
    "header_name": "larm",
    "value_title": "area"
  },
  {
    "test_name": "uni",
    "header_region": "uni_results",
    "header_name": "larm",
    "value_title": "area"
  },
  {
    "test_name": "uni",
    "header_region": "uni_results",
    "header_name": "larm",
    "value_title": "area"
  }
]

const result = test_array.reduce((acc, x) => ({
...acc,
[x.header_region]: [...(acc[x.header_region] || []), x]
}), {});

console.log(result)