如何在JavaScript中倒序遍历数组？p5.js贪吃蛇项目遍历故障求助

• 你的所有遍历循环终止条件为x > 0，完全跳过了索引为0的蛇头元素：蛇头从未执行move()方法更新坐标，也未执行draw()方法渲染，这是蛇头不动的直接原因。
• 移动逻辑顺序有误：倒序遍历处理蛇身的前提下，需要先完成所有蛇身块的位置更新，再单独更新蛇头位置，避免蛇身直接取到蛇头的新坐标导致重叠。

调整循环条件和执行顺序，修改后的完整代码如下：

function setup() {
  createCanvas(400, 400);
}

class SnakeBlock{
  constructor(x, y, isHead){
    this.x = x;
    this.y = y;
    this.isHead = isHead;
  }
  
  draw(){
    fill("green");
    noStroke();
    rect(this.x * 40, this.y * 40, 40, 40)
  }
  
  move(snake, x){
    if(this.isHead == true){
      this.y += 1;
    }
    else{
      this.y = snake[x - 1].y;
      this.x = snake[x - 1].x;
    }
  }
}

var length = 4;
var moveCounter = 20;
var snake = [new SnakeBlock(0, 0, true),new SnakeBlock(1, 0, false),new SnakeBlock(2, 0, false), new SnakeBlock(3, 0, false)];

function draw() {
  background(0);
  // 绘制所有蛇块，包含蛇头
  for(let x = 0; x < length; x++){
      snake[x].draw();
  }
  if(moveCounter == 0){
    // 倒序遍历处理所有蛇身块（索引1到length-1）
    for(let x = length - 1; x > 0; x--){
      snake[x].move(snake, x);
    }
    // 最后更新蛇头位置
    snake[0].move(snake, 0);
    moveCounter = 20;
  }
  else{
    moveCounter -= 1;
  }
}

后续吃食物新增蛇块时，只需要在数组末尾追加新的SnakeBlock实例即可，倒序遍历的逻辑不需要做任何调整，完全符合你的需求。

内容的提问来源于stack exchange，提问作者Maddox Fox