javascript - JavaScript中for循环访问数组时 'i'的作用是什么？

Question

const rapperArray = ['Tupac', 'Jay-Z', 'Notorious B.I.G', 'Kendrick Lamar']

for (let i = 0; i < rapperArray.length; i++) {
  console.log(rapperArray[i]);
  if (i === 2) {
    break;
  }
}
console.log("And if you don't know, now you know.");

那么，i 在 console.log( rapperArray[ i ] ); 中如何工作？我知道它访问数组中的元素，但我似乎无法理解它的实际功能。

Answer 1

i是一个变量。在 for 循环中，您具有以下语法:

for(initialization; condition; update) {
    // for loop body
}

for 循环将通过运行 initialization 开始首先是部分，在本例中声明变量 i初始值为0 。在循环的每次迭代之前，condition被选中，循环体将运行只要 condition是 true 。然后，循环体运行后，update会跑。在本例中，变量 i其值将增加 1 ，即i++基本上与 i += 1 相同.

换句话说，for 循环将使用i 的每个值。来自0直到 rapperArray.length - 1 。所以console.log(rapperArray[i]);将与 console.log(rapperArray[0]); 相同在第一次迭代中，console.log(rapperArray[1]);在第二次迭代中，依此类推。

您可以通过运行以下命令更清楚地看到这一点:

const rapperArray = ['Tupac', 'Jay-Z', 'Notorious B.I.G', 'Kendrick Lamar'];

for (let i = 0; i < rapperArray.length; i++) {
  console.log('When i is ' + i + ', rapperArray[i] is ' + rapperArray[i] + '.');
}