Nhận bộ đếm / chỉ mục vòng lặp bằng cách sử dụng cho cú pháp của cú pháp trong JavaScript

Chú ý:

câu hỏi vẫn áp dụng cho for…ofcác vòng lặp.> Đừng sử dụng for…inđể lặp qua một mảng , hãy sử dụng nó để lặp lại các thuộc tính của một đối tượng. Điều đó nói rằng, điều này

Tôi hiểu rằng for…incú pháp cơ bản trong JavaScript trông như thế này:

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

Nhưng làm thế nào để tôi có được bộ đếm / chỉ số vòng lặp ?

Tôi biết tôi có thể có thể làm một cái gì đó như:

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

Hoặc thậm chí là tốt cũ:

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

Nhưng tôi thà sử dụng for-invòng lặp đơn giản hơn . Tôi nghĩ rằng họ trông tốt hơn và có ý nghĩa hơn.

Có một cách đơn giản hay thanh lịch hơn?

Trong Python thật dễ dàng:

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

for…inLặp lại tên tài sản, không phải giá trị và thực hiện theo thứ tự không xác định (có, ngay cả sau ES6). Bạn không nên sử dụng nó để lặp qua các mảng. Đối với họ, có forEachphương thức ES5 chuyển cả giá trị và chỉ mục cho hàm bạn cung cấp cho nó:

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

Hoặc ES6 Array.prototype.entries, hiện có hỗ trợ trên các phiên bản trình duyệt hiện tại:

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

Đối với các iterables nói chung (nơi bạn sẽ sử dụng một for…ofvòng lặp chứ không phải a for…in), tuy nhiên, không có gì tích hợp:

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);
}

bản giới thiệu

Nếu bạn thực sự có ý nghĩa for…in- liệt kê các thuộc tính - bạn sẽ cần một bộ đếm bổ sung. Object.keys(obj).forEachcó thể làm việc, nhưng nó chỉ bao gồm các thuộc tính riêng ; for…inbao gồm vô số thuộc tính bất cứ nơi nào trên chuỗi nguyên mẫu.

Trong ES6, sử dụng vòng lặp for là tốt. Bạn có thể lấy chỉ mục cho như thế này

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

Lưu ý rằng Array.entries()trả về một iterator , đó là những gì cho phép nó hoạt động trong vòng lặp for; đừng nhầm lẫn điều này với Object.entries () , trả về một mảng các cặp khóa-giá trị.

Còn cái này thì sao

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

Trong array.forEachđó phương thức này có một indextham số là chỉ mục của phần tử hiện tại đang được xử lý trong mảng.

Giải pháp cho các bộ sưu tập mảng nhỏ:

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

mảng - ARRAY, obj - KEY của phần tử hiện tại, i - COUNTER / INDEX

Lưu ý: Các phím phương thức () không khả dụng cho phiên bản IE <9, bạn nên sử dụng mã Polyfill . https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Các vòng lặp lặp trong các thuộc tính của một đối tượng. Đừng sử dụng chúng cho Mảng, ngay cả khi đôi khi chúng hoạt động.

Các thuộc tính đối tượng sau đó không có chỉ mục, chúng đều bằng nhau và không bắt buộc phải chạy qua theo thứ tự xác định. Nếu bạn muốn đếm các thuộc tính, bạn sẽ phải thiết lập bộ đếm phụ (như bạn đã làm trong ví dụ đầu tiên).

lặp trên một mảng:

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

lặp trên một đối tượng:

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

Như những người khác đã nói, bạn không nên sử dụng for..in để lặp lại trên một mảng.

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

Nếu bạn muốn cú pháp sạch hơn, bạn có thể sử dụng forEach:

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

Nếu bạn muốn sử dụng phương pháp này, hãy đảm bảo rằng bạn bao gồm shim ES5 để thêm hỗ trợ cho các trình duyệt cũ hơn.

Trả lời Đưa ra bởi rushUp Đúng nhưng điều này sẽ thuận tiện hơn

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

Đây là một chức năng eachWithIndexhoạt động với bất cứ điều gì có thể lặp lại.

Bạn cũng có thể viết một hàm tương tự hoạt eachWithKeyđộng với các objets bằng cách sử dụng 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)

Điều tốt với các máy phát điện là chúng lười biếng và có thể lấy kết quả của một máy phát điện khác làm đối số.

Đó là phiên bản trình lặp tổng hợp của tôi mang lại một chỉ mục và bất kỳ giá trị nào của hàm trình tạo được thông qua với một ví dụ về tìm kiếm chính (chậ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
}

Trên đầu những câu trả lời rất hay mà mọi người đã đăng, tôi muốn thêm rằng giải pháp hiệu quả nhất là ES6 entries. Có vẻ như trái ngược với nhiều nhà phát triển ở đây, vì vậy tôi đã tạo ra chiếc ghế dài hoàn hảo này .

Nó nhanh hơn ~ 6 lần. Chủ yếu là vì không cần: a) truy cập mảng nhiều lần và, b) bỏ chỉ mục.