使用更新功能，将一个项目添加到数组，但是在其中时它会不断更新

Question

我已经尝试修复了大约2个小时。我尝试了许多不同的方法，但无法正常工作。

我正在用JS制作蛇游戏（我正在学习它），并且试图将蛇的位置添加到数组中。

this.update = function() {
  for (var i = 0; i < this.length - 1; i++) {
    this.tail[i + 1] = this.tail[i];
  }

  this.tail[0] = createVector(this.position.x, this.position.y);

  this.position.x += this.direction.x * 10;
  this.position.y += this.direction.y * 10;

  this.position.x = constrain(this.position.x, 0, width - 10);
  this.position.y = constrain(this.position.y, 0, height - 10);
}

一旦我将一个项目添加到数组，它将继续更新前一个项目。真烦人。

Imgur关闭了，所以这是调试信息的图像。 https://this.is-a-professional-domain.com/8c2801.png

我正在使用p5 JS库，这就是为什么我使用“ createVector”的原因，但是当我不使用该方法时，问题仍然会发生。