Доступ к индексу элемента массива ES6 внутри цикла for-of

Используйте Array.prototype.keys:

for (const index of [1, 2, 3, 4, 5].keys()) {
  console.log(index);
}

Если вы хотите получить доступ и к ключу, и к значению, вы можете использовать _ 3_ с деструктуризацией :

for (const [index, value] of [1, 2, 3, 4, 5].entries()) {
  console.log(index, value);
}

Array#entries возвращает индекс и значение, если вам нужны оба :

for (let [index, value] of array.entries()) {

}

В этом мире ярких новых нативных функций мы иногда забываем об основах.

for (let i = 0; i < arr.length; i++) {
    console.log('index:', i, 'element:', arr[i]);
}

Чисто, эффективно, и вы все еще можете break зацикливаться. Бонус! Вы также можете начать с конца и вернуться назад с помощью i--!

Дополнительное примечание: если вы часто используете значение в цикле, вы можете сделать const value = arr[i]; в верхней части цикла для удобной и удобочитаемой ссылки.

Вы также можете самостоятельно обработать индекс, если вам нужен индекс, он не будет работать, если вам понадобится ключ.

let i = 0;
for (const item of iterableItems) {
  // do something with index
  console.log(i);

  i++;
}

В цикле for..of мы можем добиться этого с помощью array.entries(). array.entries возвращает новый объект-итератор Array. Объект-итератор знает, как получить доступ к элементам из итерируемого в конкретный момент времени, отслеживая при этом свое текущее положение в этой последовательности.

При вызове метода next() для итератора создаются пары значений ключа. В этих парах ключ-значение массив index является ключом, а элемент массива - значением.

let arr = ['a', 'b', 'c'];
let iterator = arr.entries();
console.log(iterator.next().value); // [0, 'a']
console.log(iterator.next().value); // [1, 'b']

Цикл for..of - это, по сути, конструкция, которая использует итерацию и перебирает все элементы (используя итератор под капотом). Мы можем объединить это с array.entries() следующим образом:

array = ['a', 'b', 'c'];

for (let indexValue of array.entries()) {
  console.log(indexValue);
}


// we can use array destructuring to conveniently
// store the index and value in variables
for (let [index, value] of array.entries()) {
   console.log(index, value);
}

в контексте html / js, в современных браузерах, с другими повторяемыми объектами, кроме массивов, мы также могли бы использовать [Iterable] .entries ():

for(let [index, element] of document.querySelectorAll('div').entries()) {

    element.innerHTML = '#' + index

}

Другой подход может заключаться в использовании Array.prototype.forEach() в качестве

Array.from({
  length: 5
}, () => Math.floor(Math.random() * 5)).forEach((val, index) => {
  console.log(val, index)
})

Просто создайте переменную перед циклом и присвойте целочисленное значение.

let index = 0;

а затем используйте оператор присваивания добавления в объем цикла

index += 1;

Вот и все, проверьте приведенный ниже пример фрагмента.

let index = 0;
for (const j of [1, 2, 3, 4, 5]) {
  index += 1;
  console.log('index ',index);
}

Для тех, кто использует объекты, которые не являются Array или даже похожими на массивы, вы можете легко создать свою собственную итерацию, чтобы вы по-прежнему могли использовать for of для таких вещей, как localStorage, которые на самом деле имеют только length:

function indexerator(length) {
    var output = new Object();
    var index = 0;
    output[Symbol.iterator] = function() {
        return {next:function() {
            return (index < length) ? {value:index++} : {done:true};
        }};
    };
    return output;
}

Затем просто введите число:

for (let index of indexerator(localStorage.length))
    console.log(localStorage.key(index))

Также вы можете использовать JavaScript для решения вашей проблемы.

iterate(item, index) {
    console.log(`${item} has index ${index}`);
    //Do what you want...
}

readJsonList() {    
    jsonList.forEach(this.iterate);
    //it could be any array list.
}   

const fruits = ["apple","pear","peach"];
for (fruit of fruits) {
    // TODO remove before commit to avoid decrease of performance
    const i = fruits.indexOf(fruit);
    console.log(i)
    //it shows the index of every fruit from fruits, should be used only on development and debug process 
}

Цикл for просматривает массив, а свойство indexof принимает значение индекса, соответствующего массиву. П.Д. у этого метода есть недостатки с числами, поэтому используйте фрукты.