Получить все объекты (DOM или иным образом) с помощью JavaScript

Краткая версия:

  • Как мне получить список всех объектов (включая их потомков) объекты) на странице (а не только объекты первой глубины)?
    • Предполагаемая подзадача : Как отследить посещенные объекты, когда я хожу по объектам?

Заранее спасибо.



Полная версия (с фоном !!):

Используя ключевое слово в , мы можем получить все свойства объекта. (А использование метода hasOwnProperty позволяет нам отфильтровать только те свойства, которые принадлежат этому объекту, а не унаследованные.)

for (var prop in obj) {
   if (typeof(obj[prop]) == 'object'  && obj.hasOwnProperty(prop)) {
            showObjectsOfInternal(obj[prop], visitedObjects); // recursion.
   }
}

Это хорошая отправная точка, но я хотел бы получить все объекты. Можно представить, как перебирать все свойства и накапливать объекты, а затем рекурсивно перебирать их.Однако, если существует цикл ссылки на объект, такой как объект, ссылающийся на себя, например, в window.window , было бы хорошо не попасть в ловушку этого. Поэтому нужен способ отслеживать все «посещенные объекты» во время рекурсии.

Чтобы отслеживать посещенный объект, действительно нужен хэш-набор объектов на основе их внутреннего ключа объекта. Я попробовал это, создав объект visitObjects и установив его ключи в качестве добавляемого объекта, и значение не имело значения.

if(visitedObjects[obj] == 1){return;}
visitedObjects[obj] = 1;

Но у меня это не сработало. (Похоже, что объекты превращаются в строки для ключей, а не используются их внутренние ссылочные ключи)

Поэтому вместо этого я решил использовать массив и добавить метод indexOf .

Array.prototype.indexOf = function(obj){
   for(var i = 0; i < this.length; i++)
   {
      if(this[i] == obj) // reference comparison for non-primitive objects.
      {
         return i;
      }  
   }
   return -1; 
}

Но это тоже не сработало (в конце концов я понял, что не могу сделать для (var prop in obj) , даже если объект не был нулевым! Отладчик сказал, что obj не поддерживает это свойство.)

В любом случае, вот мой код ошибки:

function showObjectsOf(obj) {
    var objHolder = new Array();
    var ancestorNames = new Array();
    ancestorNames.push('obj');
    showObjectsOfInternal(obj, objHolder, ancestorNames);
}
function showObjectsOfInternal(obj, visitedObjects, ancestorNames) {
    if (visitedObjects.indexOf(obj) != -1) {
        return;
    }
    visitedObjects.push(obj);
    alert(getAncestorString(ancestorNames));
    for (var prop in obj) {
        if (typeof (obj[prop]) == 'object') {
            ancestorNames.push(prop);
            showObjectsOfInternal(obj[prop], visitedObjects, ancestorNames);
            ancestorNames.remove(prop);
        }
    }
}
function getAncestorString(ancestorNames) {
    return ancestorNames.join('.');
}

Array.prototype.indexOf = function(obj) {
    for (var i = 0; i < this.length; i++) {
        if (this[i] == obj) {
            return i;
        }
    }
    return -1;
}
Array.prototype.remove = function(obj){
    var ind = this.indexOf(obj);
    if(ind != -1)
    {
        this.splice(ind,1);
    }
}
window.onload = function() { showObjectsOf(window); };

Обновление На самом деле, словарь может быть лучшим способом. У меня это просто не работало в IE. хотя отлично работает в хроме.

6
задан user420667 7 December 2011 в 05:10
поделиться