JavaScript için sözdizimini kullanarak döngü sayacı / dizini al

Dikkat:

Soru hala for…ofdöngüler için geçerlidir .> for…inBir Dizi üzerinden yineleme yapmak için kullanmayın, bunu bir nesnenin özellikleri üzerinde yineleme yapmak için kullanın . Dedi ki, bu

for…inJavaScript temel sözdiziminin şöyle göründüğünü anlıyorum :

for (var obj in myArray) {
    // ...
}

Peki döngü sayacını / dizinini nasıl edinebilirim ?

Muhtemelen böyle bir şey yapabileceğimi biliyorum:

var i = 0;
for (var obj in myArray) {
    alert(i)
    i++
}

Ya da iyiler bile:

for (var i = 0; i < myArray.length; i++) {
    var obj = myArray[i]
    alert(i)
}

Ama daha basit bir for-indöngü kullanmayı tercih ederim . Bence daha iyi görünüyorlar ve daha anlamlılar.

Daha basit veya daha zarif bir yol var mı?

Python'da bu kolay:

for i, obj in enumerate(myArray):
    print i

for…indeğer değil, özellik adları üzerinde yineleme yapar ve bunu belirtilmemiş bir sırayla yapar (evet, ES6'dan sonra bile). Dizileri yinelemek için kullanmamalısınız. Onlar için, forEachhem değeri hem de dizini verdiğiniz işleve ileten ES5'in yöntemi vardır:

var myArray = [123, 15, 187, 32];

myArray.forEach(function (value, i) {
    console.log('%d: %s', i, value);
});

// Outputs:
// 0: 123
// 1: 15
// 2: 187
// 3: 32

Ya Array.prototype.entriesda şu anda mevcut tarayıcı sürümlerinde destek olan ES6'lar :

for (const [i, value] of myArray.entries()) {
    console.log('%d: %s', i, value);
}

Genel olarak yinelenebilirler için (a for…ofyerine bir döngü kullanacağınız yerde for…in) yerleşik bir şey yoktur, ancak:

function* enumerate(iterable) {
    let i = 0;

    for (const x of iterable) {
        yield [i, x];
        i++;
    }
}

for (const [i, obj] of enumerate(myArray)) {
    console.log(i, obj);
}

gösteri

Aslında for…in- numaralandırma özellikleri - demek istediyseniz, ek bir sayaca ihtiyacınız olacaktır. Object.keys(obj).forEachişe yarayabilir, ancak yalnızca kendi özelliklerini içerir ; for…inprototip zincirinin herhangi bir yerinde numaralandırılabilir özellikler içerir.

ES6'da, döngü için kullanmak iyidir. Bunun için dizin alabilirsiniz

for (let [index, val] of array.entries()) {
        // your code goes here    
}

For-döngüsünde çalışmasına izin veren bir yineleyiciArray.entries() döndürdüğünü unutmayın ; bunu bir dizi anahtar / değer çifti çifti döndüren Object.entries () ile karıştırmayın .

Buna ne dersin

let numbers = [1,2,3,4,5]
numbers.forEach((number, index) => console.log(`${index}:${number}`))

Burada array.forEach, bu yöntem, bir yer alır indexdizide o anda işlemlendirilmekte olan elemanın indisidir parametre.

Küçük dizi koleksiyonları için çözüm:

for (var obj in arr) {
    var i = Object.keys(arr).indexOf(obj);
}

arr - ARRAY, obj - Geçerli öğenin ANAHTARI, i - COUNTER / INDEX

Uyarı: Yöntem anahtarları () IE sürümü <9 için kullanılamaz, Polyfill kodunu kullanmalısınız . https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Döngüler için bir Nesnenin özellikleri üzerinde yineleme yapar. Bazen çalışsalar bile bunları Diziler için kullanmayın.

Nesne özelliklerinin indeksi yoktur, hepsi eşittir ve belirli bir sırada çalıştırılması gerekmez. Mülkleri saymak istiyorsanız, ekstra sayacı ayarlamanız gerekir (ilk örneğinizde yaptığınız gibi).

bir Dizi üzerinde döngü:

var a = [];
for (var i=0; i<a.length; i++) {
    i // is the index
    a[i] // is the item
}

bir nesne üzerinde döngü:

var o = {};
for (var prop in o) {
    prop // is the property name
    o[prop] // is the property value - the item
}

Diğerleri söylediler, bir dizi üzerinde yineleme için for..in kullanmamalısınız.

for ( var i = 0, len = myArray.length; i < len; i++ ) { ... }

Daha temiz bir sözdizimi istiyorsanız, forEach kullanabilirsiniz:

myArray.forEach( function ( val, i ) { ... } );

Bu yöntemi kullanmak istiyorsanız, eski tarayıcılara destek eklemek için ES5 şemasını eklediğinizden emin olun.

Cevap rushUp tarafından verilen Doğru ama bu daha uygun olacak

for (let [index, val] of array.entries() || []) {
   // your code goes here    
}

İşte eachWithIndexyinelenebilir her şeyle çalışan bir işlev .

eachWithKeyNesneleri kullanarak çalışan benzer bir işlev de yazabilirsiniz for...in.

// example generator (returns an iterator that can only be iterated once)
function* eachFromTo(start, end) { for (let i = start; i <= end; i++) yield i }

// convers an iterable to an array (potential infinite loop)
function eachToArray(iterable) {
    const result = []
    for (const val of iterable) result.push(val)
    return result
}

// yields every value and index of an iterable (array, generator, ...)
function* eachWithIndex(iterable) {
    const shared = new Array(2)
    shared[1] = 0
    for (shared[0] of iterable) {
        yield shared
        shared[1]++
    }
}

console.log('iterate values and indexes from a generator')
for (const [val, i] of eachWithIndex(eachFromTo(10, 13))) console.log(val, i)

console.log('create an array')
const anArray = eachToArray(eachFromTo(10, 13))
console.log(anArray)

console.log('iterate values and indexes from an array')
for (const [val, i] of eachWithIndex(anArray)) console.log(val, i)

Jeneratörler için iyi olan şey, tembel olmaları ve başka bir jeneratörün sonucunu argüman olarak alabilmeleridir.

Bu, (yavaş) ana arama örneği ile bir dizin ve geçirilen herhangi bir jeneratör işlevinin değerini veren bir bileşik yineleyicinin sürümü:

const eachWithIndex = (iterable) => {
  return {
    *[Symbol.iterator]() {
      let i = 0
      for(let val of iteratable) {
        i++
          yield [i, val]
      }
    }
  }

}

const isPrime = (n) => {
  for (i = 2; i < Math.floor(Math.sqrt(n) + 1); i++) {
    if (n % i == 0) {
      return false
    }
  }
  return true
}

let primes = {
  *[Symbol.iterator]() {
    let candidate = 2
    while (true) {
      if (isPrime(candidate)) yield candidate
        candidate++
    }
  }
}

for (const [i, prime] of eachWithIndex(primes)) {
  console.log(i, prime)
  if (i === 100) break
}

Herkesin yayınladığı çok iyi cevapların üstüne, en performanslı çözümün ES6 olduğunu eklemek istiyorum entries. Buradaki birçok geliştirici için kontrendike görünüyor, bu yüzden bu mükemmel benchamrk'i yarattım .

~ 6 kat daha hızlı. Temel olarak aşağıdakilere ihtiyaç duymadığı için: a) diziye bir kereden fazla erişim ve b) dizini yayınlama.