Jak uzyskać aktualny indeks w mapie prototypowej Array?

Question

Używam Array.prototype.map.call przechowywać w tablicy kilka węzłów lista obiektów:

function getListings() { 
    return Array.prototype.map.call(document.querySelectorAll('li.g'), function(e) { 
     return { 
      rectangle: e.getBoundingClientRect(); 
     } 
    } 
} 

Jednak chciałbym również przechowywać w jakiej kolejności to elementy pojawiają się w DOM, i nie wiem, jak to zrobić.

Wiem, że przechowuję to w tablicy, a kolejność będzie indeksem tablicy. Na przykład:

var listings = getListings(); 
console.log(listings[0]); // rank #1 
console.log(listings[1]); // rank #2 
// etc... 

ale jestem wstawienie obiektu json w bazie danych, i najprostszy sposób do przechowywania „rangi” informacji jest tworzenie właściwość „rangę” W mojej obiektu, ale nie wiem wiedzieć, jak uzyskać "indeks" bieżącej tablicy.

Coś jak:

function getListings() { 
    return Array.prototype.map.call(document.querySelectorAll('li.g'), function(e) { 
     return { 
      rectangle: e.getBoundingClientRect(), 
      rank: magicFunctionThatReturnsCurrentIndex() // <-- magic happens 
     } 
    } 
} 

Każda pomoc wskazujące mnie we właściwym kierunku, będą bardzo mile widziane! Dzięki

Answer 1

The MDN documentation mówi:

zwrotna jest wywoływana z trzema argumentami: wartością elementu, indeks elementu, a obiekt Array przejeżdżającego.

Więc

function getListings() { 
    return Array.prototype.map.call(document.querySelectorAll('li.g'), function(e, rank) { // magic 
     return { 
      rectangle: e.getBoundingClientRect(), 
      rank: rank // <-- magic happens 
     } 
    } 
}