Javascript 将点数组转换为SVG的线坐标,如x1、y1、x2、y2

Javascript 将点数组转换为SVG的线坐标,如x1、y1、x2、y2,javascript,arrays,Javascript,Arrays,我有一个点数组,如[0,0,30,0,30,20,60,20,60,40,0,40,0,0]。 我希望它们像SVG线坐标的x1,y1,x2,y2。所以我从他们那里得到了6行 应该是这样的: 带有x1、y1、x2、y2坐标的第1行-0,0,30,0 第2行-30,0,30,20 第3行-30,20,60,20 第4行-60,20,60,40 第5行-60,40,0,40 第6行-0,40,0,0 任何类型的循环技术?如果您对索引稍微小心一点,您可以使用for循环逐步完成此操作。您只需要迭代两步,然

我有一个点数组,如
[0,0,30,0,30,20,60,20,60,40,0,40,0,0]
。 我希望它们像SVG线坐标的
x1,y1,x2,y2
。所以我从他们那里得到了6行

应该是这样的:

  • 带有x1、y1、x2、y2坐标的第1行-
    0,0,30,0
  • 第2行-
    30,0,30,20
  • 第3行-
    30,20,60,20
  • 第4行-
    60,20,60,40
  • 第5行-
    60,40,0,40
  • 第6行-
    0,40,0,0

  • 任何类型的循环技术?

    如果您对索引稍微小心一点,您可以使用
    for
    循环逐步完成此操作。您只需要迭代两步,然后在每次迭代中使用四个元素。您还需要提前停止循环2元素,因为您不希望组从最后两个元素开始

    我不确定您想要数据的确切格式,但这应该很容易根据您的目的进行更改:

    let coords=[0,0,30,0,30,20,60,20,60,40,0,40,0,0]
    让行=[]
    对于(设i=0;iconsole.log(行)
    如果您对索引稍微小心一点,可以使用
    for
    循环逐步完成此操作。您只需要迭代两步,然后在每次迭代中使用四个元素。您还需要提前停止循环2元素,因为您不希望组从最后两个元素开始

    我不确定您想要数据的确切格式,但这应该很容易根据您的目的进行更改:

    let coords=[0,0,30,0,30,20,60,20,60,40,0,40,0,0]
    让行=[]
    对于(设i=0;iconsole.log(行)
    这不是谷歌。在这里询问之前,先自己尝试一下。这是为了提供建议并帮助您纠正错误。在问问题之前请遵循这些规则,这不是谷歌。在这里询问之前,先自己尝试一下。这是为了提供建议并帮助您纠正错误。提问前请遵守这些规则