多维数组将相同值写入两个子数组

Question

我已经编写了一个脚本来绘制带有SVG的对象之间的线，但是希望通过遍历每个SVG来绘制第二和第三组线。但是，我遇到了绊脚石，将每组坐标添加到多维数组。

在写入数组时，我发现两个子数组似乎都包含相同的值，我不确定为什么。请帮忙。

https://codepen.io/Cozmoz/pen/mYwaPo

我尝试将结果记录到控制台，并查看了具有相同问题的类似查询。但是，我刚开始使用jQuery处理多维数组，我担心自己遗漏了一些明显的东西。

$('svg').each(function(e, item) {
  array_centerX[e] = new Array();
  array_centerY[e] = new Array();
  $(this).siblings('div').each(function(index, item) {
    array_centerX[e][index] = new Array();
    array_centerY[e][index] = new Array();
    array_centerX[e][index].push(centerX);
    array_centerY[e][index].push(centerY);
  });
  console.log(array_centerY);
});

预期结果：

0: Array(4)
  0: [50]
  1: [250]
  2: [300]
  3: [400]
1: Array(4)
  0: [45]
  1: [300]
  2: [500]
  3: [370]

实际结果：

0: Array(4)
  0: [50]
  1: [250]
  2: [300]
  3: [400]
1: Array(4)
  0: [50]
  1: [250]
  2: [350]
  3: [400]