javascript - 从两个数组创建一个对象

标签 javascript arrays object lodash javascript-objects

我两个有数组

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [6, 7, 8, 9, 0];

我使用.map从它们创建了一个对象

let labels = arr1.map(value => ({'y': value}));
let series = arr2.map(value => ({'x': value}));

并使用来自lodash的_.merge合并对象

let mergeData = _.merge({}, series2, labels2);

结果看起来与此类似:

{x: 1, y: 25},
{x: 2, y: 38},
{x: 3, y: 24},
{x: 4, y: 60},
{x: 5, y: 22}

现在我想显示的是一个对象数组(在本例中它将仅显示数组内的一个对象),如下所示:

graphs: [
  {
    label: 'area 1',
    values: [
      {x: 1, y: 25},
      {x: 2, y: 38},
      {x: 3, y: 24},
      {x: 4, y: 60},
      {x: 5, y: 22}
    ]
  },
]

有什么想法吗?

最佳答案

您可以使用array#map并创建值对象。

let arr1 = [1, 2, 3, 4, 5],
    arr2 = [6, 7, 8, 9, 0],
    values = arr1.map((x, i) => ({x,y: arr2[i]})),
    output = { graphs: [{ label: 'area 1', values }]};
console.log(output);

关于javascript - 从两个数组创建一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48908897/

相关文章:

javascript - 使用未知键遍历Javascript中的JSON对象

javascript - jqgrid:在空搜索中显示所有行

javascript - 这个警告是什么意思?每次我重新启动 Node 进程时都会发生这种情况

javascript - 导出按钮 数据表

ios - Swift 将不同类型组合成一个数组来为 UITableView 显示数据

javascript - 如何遍历 JavaScript 对象?

javascript - 可以判断两个对象在 Chrome 调试器中是否相同?

JavaScript 导致所有子菜单成为一个链接而不是移动设备上的单个链接(错误)

java - 指定调用的数组长度

java - 在 java 中传递数组时代码中的意外输出