Ich verwende Array.prototype.map.call, um eine Reihe von Knotenlistenobjekten in einem Array zu speichern:

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

Ich möchte jedoch auch die Reihenfolge speichern, in der diese Elemente im DOM angezeigt werden, und ich weiß nicht, wie das geht.

Ich weiß, dass ich dies in einem Array speichere, und die Reihenfolge wäre der Index des Arrays. Zum Beispiel:

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

Ich füge das json-Objekt jedoch in eine Datenbank ein. Die einfachste Methode zum Speichern der "Rang" -Information besteht darin, in meinem Objekt eine Eigenschaft "Rang" zu erstellen. Ich weiß jedoch nicht, wie ich den "Index" der "Rang" -Informationen abrufen kann aktuelles Array.

So etwas wie:

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

Jede Hilfe, die mich in die richtige Richtung weist, wird sehr geschätzt! Vielen Dank