javascript - 点对象数组到 X 和 Y 数组

Question

我有一个点对象数组:

const points = [ {x: 0, y: 0 }, { x: 1, y: 1}, ...]

我想将它们转换为 x 和 y 数组:

const x = [0, 1, ...];
const y = [0, 1, ...];

我可以使用 2 张 map :

const x = points.map(v => v.x);
const y = points.map(v => v.y);

但这需要对数组进行 2 次迭代。我可以做一个循环:

const x = [];
const y = [];
for (let i = 0; i < points.length; ++i) {
   const pt = points[i];
   x.push(pt.x);
   y.push(pt.y);
}

这似乎过于冗长并且可能很慢(所有这些阻力)。有更好的方法吗？

Answer 1

至少您需要一些推送到想要的结果集。该解决方案使用一个对象来推送到正确的数组。

const
    points = [{ x: 0, y: 0 }, { x: 1, y: 1 }],
    x = [],
    y = [],
    values = { x, y };
    
points.forEach(o => Object.entries(o).forEach(([k, v]) => values[k].push(v)));

console.log(x);
console.log(y);

基本相同，但 key 已知。

const
    points = [{ x: 0, y: 0 }, { x: 1, y: 1 }],
    x = [],
    y = [],
    values = { x, y },
    keys = Object.keys(values);
    
points.forEach(o => keys.forEach(k => values[k].push(o[k])));

console.log(x);
console.log(y);