将两个数组的值组合成对象

Question

I have two arrays:

array1 = ["Bob", "John", "Dave"];
array2 = [1, 2, 3];

Is there combine the two into a javascript array filled with objects that looks like:

[
  {meta: 'Bob', value: 1 },
  {meta: 'John', value: 2},
  {meta: 'Dave', value: 3}
]

Answer 1

Let's break it down.

You have two arrays of equal length and you want to extract a value from each.

// Could also do array2.length since they're the same size
for (var i = 0; i < array1.length; i++) {
  var val1 = array1[i];
  var val2 = array2[i]
}

and you want to create an object using those two values

for (var i = 0; i < array1.length; i++) {
  var val1 = array1[i];
  var val2 = array2[i]
  var obj = {
    meta: val1,
    value: val2
  };
}

Finally, you want to store each of those generated objects in an array

var result = [];
for (var i = 0; i < array1.length; i++) {
  var val1 = array1[i];
  var val2 = array2[i]
  var obj = {
    meta: val1,
    value: val2
  };
  result.push(obj);
}

And now you have your result!

You could rewrite this in a number of ways. For example:

var result = array1.map(function(val1, index) {
  return {
    meta: val1,
    value: array2[index]
  };
});

or if you're in an environment which supports it:

let result = array1.map((val1, index) => (
  {
    meta: val1,
    value: array2[index]
  }
));

Answer 2

It's one of the ways how to achieve it. You can use Array#forEach function to iterate over every element from array1 . Then, create empty object and set specified properties - in your case: meta and value . Then - assign elements to it and just push it into the arr variable.

 var array1 = ["Bob", "John", "Dave"], array2 = [1, 2, 3], arr = []; array1.forEach(function(v,i){ var obj = {}; obj.meta = v; obj.value = array2[i]; arr.push(obj); }); console.log(arr);

Answer 3

Simple solution using Array.prototype.map() function:

 var array1 = ["Bob", "John", "Dave"], array2 = [1, 2, 3], combined = array1.map(function(v, k, a){ return {meta: v, value: array2[k]}; }); console.log(combined);

Answer 4

You could use an object and iterate the keys and the values.

 var array1 = ["Bob", "John", "Dave"], array2 = [1, 2, 3], object = { meta: array1, value: array2 }, result = Object.keys(object).reduce(function (r, k) { object[k].forEach(function (a, i) { r[i] = r[i] || {}; r[i][k] = a; }); return r; }, []); console.log(result);

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

Answer 5

假设您使用的是 Chrome，您可以执行以下操作：

const combined = array1.map((name,i) => ({meta: name, value: array2[i]}))