如何在数组原型图中获取当前索引？

Question

我正在使用 Array.prototype.map.call 在数组中存储一堆节点列表对象：

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

但是，我还想存储这些元素在 DOM 中出现的顺序，但我不知道该怎么做。

我知道我将它存储在一个数组中，并且顺序将是数组的索引。例如：

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

但我在数据库中插入 json 对象，存储“排名”信息的最简单方法是在我的对象中创建属性“排名”，但我不知道如何获取“索引” "的当前数组。

类似：

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

任何帮助我指出正确的方向将不胜感激！谢谢

Answer 1

MDN documentation 说：

回调使用三个参数调用：元素的值， 元素的索引，以及被遍历的 Array 对象。

所以

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