javascript - 如何在javascript中用两个数组创建json

Question

我有两个 json: 我想用这两个数组创建 json；

 var __columns = ["Field1", "Field2", "Field3", "Field4"];
 var __rows = ["valueField1_1", "valueField2_1", "valueField3_1", "valueField4_1", "valueField1_2", "valueField2_2", "valueField3_2", "valueField4_2", "valueField1_3", "valueField2_3", "valueField3_3", "valueField4_3"];

问题是我想创造这样的东西

var json = [{
  "Field1":"valueField1_1",
  "Field2":"valueField2_1",
  "Field3":"valueField3_1",
  "Field4":"valueField4_1"
},{
  "Field1":"valueField1_2",
  "Field2":"valueField2_2",
  "Field3":"valueField3_2",
  "Field4":"valueField4_2"
},{
  "Field1":"valueField1_3",
  "Field2":"valueField2_3",
  "Field3":"valueField3_3",
  "Field4":"valueField4_3"
}]

Answer 1

使用 的 ES6 解决方案 Array.from 和 Array#reduce 方法。

var __columns = ["Field1", "Field2", "Field3", "Field4"];
var __rows = ["valueField1_1", "valueField2_1", "valueField3_1", "valueField4_1", "valueField1_2", "valueField2_2", "valueField3_2", "valueField4_2", "valueField1_3", "valueField2_3", "valueField3_3", "valueField4_3"];

var res = Array.from({
  // generate array with particular size
  length: __rows.length / __columns.length
    // use map function to generate array element
}, (_, i) => __columns.reduce((obj, e, i1) => {
  // define object property based on the index values
  obj[e] = __rows[i * __columns.length + i1];
  return obj;
  // set empty object as initial argument
}, {}));


console.log(res);