如何有效地构建这个数组？

Question

我有一个对象数组，例如：

[
  { a: 3, b: 2, c: 5, d: 6, e: 8 },
  { a: 1, b: 5, c: 3, d: 1, e: 2 }
]

现在我想将其转换为仅包含特定属性值但不包含对象本身的数组。例如，如果我对a、b、c 和d 感兴趣，则结果应如下所示：

[ 3, 2, 5, 6, 1, 5, 3, 1 ]

我目前的做法是这样的：

const result = _.flatten(data.map(item => [ item.a, item.b, item.c, item.d ]));

是否有更好（即更有效，甚至更易读）的方法来获得结果？

Answer 1

你所拥有的对我来说似乎很容易阅读，并且可能是有效的足够。但是你可以通过避免所有这些临时数组而不是循环两次来提高效率：

const result = [];
data.forEach(item => result.push(item.a, item.b, item.c, item.d));

例子：

const data = [
  { a: 3, b: 2, c: 5, d: 6, e: 8 },
  { a: 1, b: 5, c: 3, d: 1, e: 2 }
];
const result = [];
data.forEach(item => result.push(item.a, item.b, item.c, item.d));
console.log(result);

有些引擎在push 真的效率很高，而其他引擎则不然。如果效率是一项关键要求，您需要在目标环境中进行实验比较：

const result = [];
let index = 0;
let n, l, item;
for (n = 0, l = data.length; n < l; ++n) {
  item = data[n];
  result[index++] = item.a;
  result[index++] = item.b;
  result[index++] = item.c;
  result[index++] = item.d;
}

这里需要注意三点：

1. 直接推送到数组而不是使用push。
2. 使用简单的for 循环而不是forEach。使用forEach 的绝对开销非常小，从人类的角度来看几乎不存在，但在紧密循环中它的相对开销却相当大。
3. 在for 循环之外声明i、l 和item。如果我们在for 中声明它们，它们将在每次循环迭代时重新创建，从而增加开销。 （ES2015 的 let 声明语义强大且有用，但在这种特殊情况下，我们不想要开销。）

例子：

const data = [
  { a: 3, b: 2, c: 5, d: 6, e: 8 },
  { a: 1, b: 5, c: 3, d: 1, e: 2 }
];
const result = [];
let index = 0;
let n, l, item;
for (n = 0, l = data.length; n < l; ++n) {
  item = data[n];
  result[index++] = item.a;
  result[index++] = item.b;
  result[index++] = item.c;
  result[index++] = item.d;
}
console.log(result);

Answer 2

在 ES6 中，不要求效率，您可以编写

const input = [
  { a: 3, b: 2, c: 5, d: 6, e: 8 },
  { a: 1, b: 5, c: 3, d: 1, e: 2 }
];

console.log([].concat(...input.map(({a, b, c, d}) => [a, b, c, d])));

如果你真的对效率感兴趣，没有什么比得上

var result = [];
for (let i = 0; i < input.length; i++) {
  const o = input[i];
  result.push(o.a, o.b, o.c, o.d);
}

尽管正如另一个答案指出的那样，值得将 push 与 result[cnt++] = val 进行基准测试。

Answer 3

您可以从数组中的对象中Array.prototype.map() 所需的键，并将它们与Function.prototype.apply() 和Array.prototype.concat() 合并：

let data = [{ a: 3, b: 2, c: 5, d: 6, e: 8 }, { a: 1, b: 5, c: 3, d: 1, e: 2 }],
    result = [].concat.apply([], data.map(i => [i.a, i.b, i.c, i.d]));

console.log(result);

Answer 4

您可以使用 2 个嵌套的 forEach 循环来推送输入数组中每个元素的目标值。我在这里建议一个函数接收作为参数的初始数组和作为另一个数组的属性：

var inflate = (data, options) => {
  var results = [];
  data.forEach(x => options.forEach(y => results.push(x[y])));
  return results;
}

console.log(inflate([{ a: 3, b: 2, c: 5, d: 6, e: 8 }, { a: 1, b: 5, c: 3, d: 1, e: 2 }] ,["a","b","c","d"]));

Answer 5

您可以使用映射键来减少。

var array = [{ a: 3, b: 2, c: 5, d: 6, e: 8 }, { a: 1, b: 5, c: 3, d: 1, e: 2 }],
    keys = ['a', 'b', 'c', 'd'],
    result = array.reduce((r, a) => r.concat(keys.map(k => a[k])), []);

console.log(result);