Question

给出以下数组：

let x = [a, b, c, d];
let y = [e, f, g, h];
let w = [i, j, k, l];

如何生成一个看起来像这样的新对象数组：

let z = [
    {x: a, y: e, w: i},
    {x: b, y: f, w: j},
    {x: c, y: g, w: k},
    {x: d, y: h, w: l}
];

这是我到目前为止所得到的：

for(var i; i < x.length; i++) {

    x = x[i];
    y = y[i];
    w = w[i];

    obj = {
        x: x,
        y: y,
        w: w
    };

    z = [];
    z.push(obj);
}

谢谢！

Answer 1

使用Array#map函数并获取索引，您将使用该索引从第二个和第三个数组中获取项目。如果第一个数组的项目多于其他项目，我也使用||。

let x = ['a', 'b', 'c',' d'];
let y = ['e', 'f', 'g', 'h'];
let w = ['i', 'j', 'k', 'l'];

let mapped = x.map((item, index) => ({ x: item, y: y[index] || '', w: w[index] || '' }));

console.log(mapped);

Answer 2

尝试

var z = x.map( (s,i) => ({ x : x[i], y : y[i], w : w[i] }) );

解释

使用map
对于x的每个索引，返回一个对象，其密钥为x，y和z，其值来自各自的索引

<强>演示

＆＃13;

var x = ['a', 'b', 'c', 'd'];
var y = ['e', 'f', 'g', 'h'];
var w = ['i', 'j', 'k', 'l'];

var z = x.map((s, i) => ({
  x: x[i],
  y: y[i],
  w: w[i]
}));

console.log(z);

＆＃13;

Answer 3

let items = [ "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l" ];
for (let i = 0; i < items.length; i++)
  Object.defineProperty(window, items[i], {
    value: items[i],
    writable: false
  });
//The code above there is just to define the variables in your arrays.

let x = [a, b, c, d];
let y = [e, f, g, h];
let w = [i, j, k, l];

let keys = [ "x", "y", "w" ]; //This array contains the name for accessing to your arrays.
let dimension = Math.max(...keys.map(function(array) {
  return eval(array).length;
}));
let z = new Array(dimension);
for (let i = 0; i < dimension; i++) {
  let obj = {};
  for (let ii = 0; ii < keys.length; ii++) {
    let key = keys[ii];
    obj[key] = eval(key)[i];
  }
  z[i] = obj;
}

console.log(JSON.stringify(z));

您还可以查看此fiddle。

Answer 4

您可以使用以下forEach：

var result = [];
a.forEach((currenValue, index) => {
    result.push({x:x[index], y:b[index], w:c[index]});
});
console.log(result);

Answer 5

您可以使用带有对象键的数组，并使用数组减少数组。

var x = ['a', 'b', 'c', 'd'],
    y = ['e', 'f', 'g', 'h'],
    w = ['i', 'j', 'k', 'l'],
    keys = ['x', 'y', 'w'],
    result = [x, y, w].reduce(function (r, a, i) {
        a.forEach(function (v, j) {
            r[j] = r[j] || {}
            r[j][keys[i]] = v;
        });
        return r;
    }, []);

console.log(result);

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

如何将多个数组转换为多个对象的一个数组？

5 个答案:

如何将多个数组转换为多个对象的一个​​数组？

5 个答案:

如何将多个数组转换为多个对象的一个数组？