используя Array.prototype.map.call для хранения в массиве группы объектов списка узлов:

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

Тем не менее, я также хочу сохранить порядок, в котором эти элементы появляются в DOM, и я нене знаю, как это сделать.

Я знаю, что яm хранит это в массиве, и порядок будет индексом массива. Например:

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() //