如何在 javascript(es5) 或 jquery 中将两个单个数组合并为一个数组对象？

Question

这是我的第一个和第二个数组。

var category = ["total_employee","total_present"];
var value = [12,10];

我要这样输出

 var data = [{ category: "total_employe", value: 12 }, {category: "total_present", value: 10}];

Answer 1

您可以按如下方式从两个数组迭代和创建新对象：

var category = ["total_employee","total_present"];
var value = [12,10];
console.log(getList(category,value));

function getList(category,value){
     if(!category || !value || category.length != value.length)
          return;
     let res = [];
     for(let i = 0; i < category.length; i++){
          res.push({"category":category[i],"value":value[i]});
     }
     return res;
}

Answer 2

你可以试试：

const categories = ['total_employee', 'total_present'];
const values = [12, 10];

const result = categories.map((category, index) => ({ category, value: values[index] }));

console.log(result);

Answer 3

您可以使用所需的对象 keys/values 并将值映射到所需的对象。

var category = ["total_employee", "total_present"],
    value = [12, 10],
    parts = { category, value },
    result = Object
        .entries(parts)
        .reduce((r, [k, a]) => a.map((v, i) => ({ ...(r[i] || {}), [k]: v })), []);

console.log(result);

如何在 javascript(es5) 或 jquery 中将两个单个数组合并为一个数组对象？

How to Merge two single array into an array object in javascript(es5) or jquery?

javascript

jquery

ecmascript-5