有人可以解释这背后的逻辑吗？为什么在'for'循环中是 <12？数组中的 i var 怎么可能超过 2？

Question

我在java部分看到了类似的问题。但我只是使用 1 for 循环。为什么在 for(( 循环中是 i<12？？我不明白其中的逻辑。剧集数组中只有 3 个变量。有人可以引导我朝着正确的方向去理解这一点吗？我只是在 openclassroom.com 上做一些练习。

class Episode {
constructor(title, duration, hasBeenWatched) {
this.title = title;
this.duration = duration;
this.hasBeenWatched = hasBeenWatched;
}
}
let firstEpisode = new Episode('Dark Beginnings', 45, true);
let secondEpisode = new Episode('The Mystery Continues', 45, false);
let thirdEpisode = new Episode('An Unexpected Climax', 60, false);
// Create your array here
// ====================================
let episodes = [firstEpisode, secondEpisode, thirdEpisode];
// ====================================
const body = document.querySelector('body');
for(let i = 0; i < 12; i++) { //this <12 i don't understand
let newDiv = document.createElement('div');
newDiv.classList.add('series-frame');
let newTitle = document.createElement('h2');
newTitle.innerText = 'The Story of Tau';
let newParagraph = document.createElement('p');
newParagraph.innerText = `${episodes[i].title}
${episodes[i].duration} minutes
${episodes[i].hasBeenWatched ? 'Already been watched' : 'Not yet watched'}`;
newDiv.append(newTitle);
newDiv.append(newParagraph);
body.append(newDiv);
}

Answer 1

在 forLoop 中使用 12 是没有意义的。但是，您可以使用episodes.length来迭代剧集数组

class Episode {
constructor(title, duration, hasBeenWatched) {
this.title = title;
this.duration = duration;
this.hasBeenWatched = hasBeenWatched;
}
}
let firstEpisode = new Episode('Dark Beginnings', 45, true);
let secondEpisode = new Episode('The Mystery Continues', 45, false);
let thirdEpisode = new Episode('An Unexpected Climax', 60, false);
// Create your array here
// ====================================
let episodes = [firstEpisode, secondEpisode, thirdEpisode];
// ====================================
const body = document.querySelector('body');
for(let i = 0; i < episodes.length; i++) { //this <12 i don't understand
let newDiv = document.createElement('div');
newDiv.classList.add('series-frame');
let newTitle = document.createElement('h2');
newTitle.innerText = 'The Story of Tau';
let newParagraph = document.createElement('p');
newParagraph.innerText = `${episodes[i].title}
${episodes[i].duration} minutes
${episodes[i].hasBeenWatched ? 'Already been watched' : 'Not yet watched'}`;
newDiv.append(newTitle);
newDiv.append(newParagraph);
body.append(newDiv);
}