Помогите разобраться с индексацией массива в javascript

Для доступа к элементам массива используется Bracket notation

В квадратных скобках может быть абсолютно любая строка, неважно откуда взявшаяся: прописанная напрямую или из какой-либо переменной.

В данном случае используют переменную i, так как из-за условий цикла она будет меняться от минимального индекса массива, до максимального, что позволит проверить все элементы.

Если я правильно поняла вопрос, то нужно понять как работает данный цикл.

for (i=0; i<arr.length; i++) {
    if(arr[i]==0) {
        zero++;
    } }

В этом цикле вы смотрите наличие 0 в массиве arr Для этого естественно нужно пройтись по массиву, т.е. перебрать все элементы и сравнить элемент с 0, и далее по коду.

Короче говоря, вы входите в цикл, присваиваете i = 0, смотрите на arr[0], если он равен нулю, считаете, если нет, инкрементируете i и повторяете итерацию снова.

Если нет, то думаю стоит уточнить, что именно непонятно и тогда будет проще понять, как с этим бороться)

В данном случае это оптимизация производительности (в данном случае на мой взгляд абсолютно бесполезная, хоть и имеет место быть). i объявляется один раз а не 2:

var arr = []; 
var rounds = 100; 
var zero = 0; 
 
for (var i = 0; i <= rounds; i++) { 
  arr.push(Math.round(Math.random() * 36)); 
} 
 
alert(arr); 
 
for (var i = 0; i < arr.length; i++) { 
  if (arr[i] == 0) { 
    zero++; 
  } 
} 
 
alert("Вероятность выпадания зеро: " + zero / arr.length * 100 + "%");

<meta charset="utf-8">