使用对象变量将3个数组的数组转换为1个大数组

Question

I'm new to StackOverflow and I know this post might possibly be a duplicate of another so please spare me with all the downvotes and if you think there's an answer to my question out there, please post it and I'll delete this question. Thanks for understanding.

var array1 = ["name", "title", "desc"]
var array2 = [["name1", "name2"], ["title1", "title2"],["desc1", "desc2"]]

How will I turn these into:

[
 {name: "name1", title: "title1", desc: "desc1"},
 {name: "name2", title: "title2", desc: "desc2"}
]

Answer 1

You can use Array#map , Object.assign (with spread syntax ) and the ES6 computed property syntax to achieve that:

 const array1 = ["name", "title", "desc"], array2 = [["name1", "name2"], ["title1", "title2"],["desc1", "desc2"]]; const result = array2[0].map( (_, j) => Object.assign(...array1.map( (key, i) => ({ [key]: array2[i][j] }) )) ); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 2

 const result = [];

 for(const [index, key] of array1.entries()){
   for(const [userindex, value] of array2[index].entries()){
     if(!result[userindex])
       result[userindex] = {};
     result[userindex][key] = value; 
   }
}

You might go over every key and the values related to the key and assign every key/value pair to the resulting object at the position of the value.

Answer 3

You could reduce the given values array by using the keys as key and the value for new objects.

 var keys = ["name", "title", "desc"], values = [["name1", "name2"], ["title1", "title2"],["desc1", "desc2"]], objects = values.reduce((r, a, i) => { a.forEach((v, j) => Object.assign(r[j] = r[j] || {}, { [keys[i]]: v })); return r; }, []); console.log(objects); 

Answer 4

You can use this way also:

 var array1 = ["name", "title", "desc"]; var array2 = [["name1", "name2"], ["title1", "title2"],["desc1", "desc2"]]; var res = []; for(var i=0; i<array2[0].length; i++){ var obj = {}; for(var j=0; j<array1.length; j++){ var key = array1[j]; var value = array2[j][i]; obj[key] = value; } res.push(obj); } console.log(res);