javascript - svg 折线 JS 的分割数组

Question

如何在 JavaScript 中拆分数据数组

{x:30, y:45, x:36, y:49} 

进入表格

[30, 45, 36, 49]

？

我需要此表单才能将坐标传递给 SVG 折线。我找到了一个名为 Array.prototype.map 的方法，但我不知道如何使用它。

Answer 1

您的对象重复键，这在 javascript 中是不允许的。 map 函数适用于数组，不适用于对象。

如果您有一个带有键 x、y、z 的对象，您可以使用 Object.values 将其转换为数组

const obj = {x:30, y:45, z:36};

//outputs: [30, 45, 36]
console.log(Object.values(obj));

但是如果您想构造一条折线，您将拥有一个如下所示的数组:

[{x:30, y:45},{x:36, y:49}]

然后你就会有map方法。你可以这样做:

const coords = [{x:30, y:45},{x:36, y:49}];

const polyline = coords.map((c)=> c.x + "," + c.y).join(' ');


// outputs: 30,45 36,49
console.log(polyline);