Come ottenere l'indice corrente nella mappa del prototipo di array?

Question

Sto usando Array.prototype.map.call per memorizzare in un array un gruppo di nodo oggetti lista:

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

Tuttavia, ho anche voglia di memorizzare l'ordine in cui questi elementi appaiono nel DOM, e non so come farlo.

So che sto memorizzando questo in un array, e l'ordine sarebbe l'indice dell'array. Per esempio:

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

ma sto inserendo l'oggetto JSON in un database, e il modo più semplice per memorizzare le informazioni "rango" è attraverso la creazione di una proprietà "rango" nel mio oggetto, ma non lo faccio sapere come ottenere "l'indice" dell'array attuale.

Qualcosa di simile:

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

Qualsiasi aiuto mi indica la direzione giusta sarà molto apprezzato! Grazie

Answer 1

Il MDN documentation dice:

callback viene richiamata con tre argomenti: il valore dell'elemento, l'indice dell'elemento, e l'oggetto Array essendo attraversato.

Così

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