js数组转对象函数封装

NativeBase

已于 2023-08-17 12:39:42 修改

阅读量107

点赞数

文章标签： javascript 前端开发语言

于 2023-08-17 10:44:02 首次发布

本文链接：https://blog.csdn.net/jxy139/article/details/132335888

版权

原始数组数据

const data = [
  [
    {
      "ZhuangJin|0": [
        {
          "processType": 10,
        }
      ]
    },
    {
      "CeShui|0": [
        {
          "processType": 90,

        }
      ]
    },
    {
      "ZhuJiang|0": [
        {
          "processType": 50,
        }
      ]
    },
    {
      "YanShou|0": [
        {
          "processType": 60,
        }
      ]
    }
  ],
  [
    {
      "CeShui|1": [
        {
          "processType": 90,
        }
      ]
    },
    {
      "ZhuJiang|1": [
        {
          "processType": 50,
        }
      ]
    },
    {
      "ZhuangJin|1": [
        {
          "processType": 10,

        }
      ]
    }
  ]
];

函数封装

function arrayToObject (arr) {
    return arr.reduce((obj, item) => {
        Object.keys(item).forEach((key) => {
            const value = item[key];

            obj = Object.assign(obj, {
                [key]: value
            });
        });

        return obj;
    }, {});
}

调运方式

const obj = arrayToObject(data);
console.log(obj);

输出结果

 {
    "ZhuangJin|0": [
        {
          "processType": 10,
        }
    ],
    "CeShui|0": [
        {
          "processType": 90,

        }
    ],
    "ZhuJiang|0": [
        {
            "processType": 50,
        }
    ],
    "YanShou|0": [
        {
          "processType": 60,
        }
    ],
    "CeShui|1": [
        {
          "processType": 90,
        }
    ],
    "ZhuJiang|1": [
        {
            "processType": 50,
        }
    ],
    "ZhuangJin|1": [
        {
          "processType": 10,

        }
    ]    

}