how to create json with two array in javascript

Question

I have two json: I want to create json with those two array;

 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"];

The thing is that I wanna create something like this

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"
}]

Pranav C Balan · Accepted Answer · 2016-09-09 12:10:03Z

3

ES6 solution using Array.from and Array#reduce methods.

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);

answered Sep 9, 2016 at 12:10

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ramu Agrawal · Accepted Answer · 2016-09-09 12:56:02Z

2

function convertToJsonArr(__columns, __rows){
var obj = {};
var arr = [];
var len = __columns.length; 
var count = 0;

$.each(__rows , function(key, value){

  if(count >= len){
     count = 0;
     arr.push(obj);
     obj = {};
  }
obj[__columns[count++]] = value;

})

arr.push(obj);

return arr;

}

you can call like convertToJsonArr(__columns, __rows);

answered Sep 9, 2016 at 12:56

Ramu Agrawal

5086 silver badges9 bronze badges

Comments

Flying Gambit · Accepted Answer · 2016-09-09 12:15:25Z

0

One way to achieve this is using loops

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 arr = [];
for(var i = 0; i < __rows.length; i = i + __columns.length){
   var tempObj = {};
   for(var j = 0; j < __columns.length; ++j){
       tempObj[__columns[j]] = __rows[i];
   }
   arr.push(tempObj);
}

console.log(arr);

answered Sep 9, 2016 at 12:15

Flying Gambit

1,2761 gold badge17 silver badges33 bronze badges

Collectives™ on Stack Overflow

how to create json with two array in javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related