Javascript 一对一对象映射（内置函数？）

Question

如果我有 2 个数组（properties 和 data）：

properties = [name, height, weight, zone];

data = [
  ['Luke Skywalker', 123, 112, 'B'],
  ['Jawa', 12, 8, 'B'],
  ['Hutt', 200, 999, 'C']
];

我想创建一个对象数组 (statistics)：

statistics = [{
    name: 'Luke Skywalker',
    height: 123,
    weight: 112,
    zone: 'B'
  },
  {
    name: 'Jawa',
    height: 12,
    weight: 8,
    zone: 'B'
  }, {
    name: 'Hutt',
    height: 200,
    weight: 999,
    zone: 'C'
  }
];

通常我会在data[] 上使用映射，创建一个temp 对象，然后将其推送到statistics[]。

但是因为我知道data 中的所有其他条目都具有相同的维度和数据类型。我也知道有一个从properties 到data 的一对一映射。 javascript中是否有一个内置函数可以输出具有一对一映射的对象数组？ properties.mapAll(data) 之类的东西。我希望不要使用库，因为我在 GAS 中的模板 .html 上执行此操作。

Answer 1

如果属性始终为name、height、weight 和zone，那么您可以使用Array Destructuring 应用占位符名称​​并将值存储到它在map 内。

const data = [['Luke Skywalker', 123, 112, 'B'], ['Jawa', 12, 8, 'B'], ['Hutt', 200, 999, 'C']];

const stats = data.map(([name, height, weight, zone]) => ({
  name, 
  height, 
  weight, 
  zone
}))

console.log(stats)

编辑 基于 GAS 上的脚本。这是相同的方法，但 es5。

var data = [['Luke Skywalker', 123, 112, 'B'], ['Jawa', 12, 8, 'B'], ['Hutt', 200, 999, 'C']];

var stats = data.map(function(dataArray) {
  return {
    name: dataArray[0], 
    height: dataArray[1], 
    weight: dataArray[2], 
    zone: dataArray[3]
  }
})

console.log(stats)

Answer 2

您可以通过获取用于构建命名键的属性数组来映射新对象，并使用Object.assign 收集所有对象。

var properties = ['name', 'height', 'weight', 'zone'],
    data = [['Luke Skywalker', 123, 112, 'B'], ['Jawa', 12, 8, 'B'], ['Hutt', 200, 999, 'C']],
    statistics = data.map(a => Object.assign(...properties.map((k, i) => ({ [k]: a[i] }))));

console.log(statistics);

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

Answer 3

您可以使用Array#map 和Array#reduce 方法。使用Array#map 方法遍历第二个数组，其中使用Array#reduce 方法生成对象并返回。

let res = data.map(arr => properties.reduce((obj, k, i) => Object.assign(obj, { [k]: arr[i] }), {}));

let properties = ['name', 'height', 'weight', 'zone'],

  data = [
    ['Luke Skywalker', 123, 112, 'B'],
    ['Jawa', 12, 8, 'B'],
    ['Hutt', 200, 999, 'C']
  ];

let res = data.map(arr => properties.reduce((obj, k, i) => Object.assign(obj, { [k]: arr[i] }), {}));

console.log(res)

或

let res = data.map(arr => properties.reduce((obj, k, i) => (obj[k] = arr[i], obj)), {}));

let properties = ['name', 'height', 'weight', 'zone'],

  data = [
    ['Luke Skywalker', 123, 112, 'B'],
    ['Jawa', 12, 8, 'B'],
    ['Hutt', 200, 999, 'C']
  ];

let res = data.map(arr => properties.reduce((obj, k, i) => (obj[k] = arr[i], obj), {}));

console.log(res)

Answer 4

您可以使用Array Destructuring 提取值并将它们替换为返回的对象中的命名属性。

data.map(([name, height, weight, zone]) => ({name, height, weight, zone}));

let data = [['Luke Skywalker', 123, 112, 'B'], ['Jawa', 12, 8, 'B'], ['Hutt', 200, 999, 'C']],

result = data.map(([name, height, weight, zone]) => ({name, height, weight, zone}));


console.log(r);