Перебор элементов
 

Знаю что не совсем по теме, но все же принцип мало отличим от HTML. Есть XML код.

<properties>
     <prop id="31" data="8345783"/>
     <prop id="27" data="9156159"/>
     <prop id="82" data="0213545"/>
...
</properties>

Как средством чистого JS(без библиотек) перебрать так, чтобы можно было каждый prop обработать по отдельности.

Уточню. Мне необходимо каждый prop вставить в массив prop'ов. Что то типа

prop[1] = ['id':31,'data':8345783];
prop[2] = ['id':27,'data':9156159];
prop[3] = ['id':82,'data':0213545];
// ну и для этого нужен цикл вида
for(var i=0;i<(количество prop'ов);i++){
id = регулярка извлечения id;
data = регулярка извлечения data;
prop[i+1] = ['id':id,'data':data]
}

Все есть, но как эти prop'ы загнать в массив для дальнейшей обработки в этом цикле?

<properties>
  <prop id="31" data="8345783" />
  <prop id="27" data="9156159" />
  <prop id="82" data="0213545" />
</properties>
<script>
  var props = document.querySelectorAll('properties prop');
  var dataArr = [];
  for (var i = 0; i < props.length; i++) {
    dataArr.push([props[i].id, props[i].getAttribute('data')]);
  }
  console.log(dataArr);
</script>

примерно так