课程项目求助：JavaScript显示两部电影及影评的格式与循环实现问题

嘿，我来帮你搞定这个课程项目的问题！咱们一步步来，先把核心需求拆解清楚：用for循环遍历电影数组，依次显示两部电影的信息（第二部要在第一部下方），同时解决格式和尺寸参数的问题。

第一步：整理电影数据数组 #

首先，咱们把两部电影的信息（标题、影评、显示位置）整理成结构化数组，方便后续遍历：

// 每一项包含电影标题、影评，以及初始显示的y轴偏移量
const movies = [
  {
    title: "《星际穿越》",
    review: "一部关于爱与时空的硬核科幻片，视觉震撼又充满细腻的情感表达",
    baseY: 60
  },
  {
    title: "《肖申克的救赎》",
    review: "希望是美好的，也许是人间至善，而美好的事物永不消逝",
    baseY: 160
  }
];

第二步：用for循环实现遍历与显示 #

接下来是关键的for循环部分，这里会修正你提到的格式和尺寸问题，同时确保第二部电影在第一部下方：

function draw() {
  background(255); // 重置背景，避免内容重叠
  textSize(18); // 统一设置文本尺寸，解决参数混乱问题
  textAlign(CENTER); // 让文本居中对齐，优化格式
  fill(84, 84, 84); // 对应你提示里的文本颜色设置

  // 正确的for循环写法：初始化变量、循环条件、增量
  for (let i = 0; i < movies.length; i++) {
    const currentMovie = movies[i];
    // 显示电影标题
    text(currentMovie.title, width/2, currentMovie.baseY);
    // 显示影评，位置在标题下方30px，同时限制宽度避免溢出
    text(currentMovie.review, width/2, currentMovie.baseY + 35, width - 60);
  }
}

常见问题修复说明 #

• for循环语法错误：你提示里的for (var =; ; )是不完整的，正确写法需要初始化循环变量（比如let i = 0）、终止条件（i < movies.length）、每次循环的增量（i++）
• 尺寸参数问题：通过textSize()统一控制文本大小，用width - 60限制影评的显示宽度，避免内容超出画布范围
• 位置重叠问题：给每部电影设置不同的baseY偏移量，让第二部的内容在第一部下方足够的位置显示，不会重叠

小提醒 #

如果之后再忘记数组遍历的方法，你可以回忆下：for循环的核心就是通过索引逐个访问数组元素，每次循环只处理当前元素的逻辑就好啦。

内容的提问来源于stack exchange，提问作者Jessica Lang