Не понимаю нюансов JavaScipt. Объясните почему код так работает?

Question

[hadaev_ivan]

var href = 'blabla',
      arrayA = ev.srcElement.getElementsByTagName('a') || [];
arrayA.push(href)
//выкидывает
TypeError: undefined is not a function
// проверяю в консоли
arrayA
[]
typeof arrayA
"object"
arrayA.push('dddd')
TypeError: undefined is not a function
arrayA = []
[]
typeof arrayA
"object"
arrayA.push('dddd')
1

Answer 1

[Eugene Obrezkov]

getElementsByTagName возвращает объект HTMLCollection у которого нету метода push. А когда вы присвоили переменной [] - это уже массив, у которого есть метод push.
Если хотите выполнить push к HTMLCollection, то делайте это так:
Array.prototype.push.call(arrayA, 'dddd');

Comments

[hadaev_ivan]

Большое спасибо)

Answer 2

[KOLANICH]

srcElement - это эксплолероспецифичное несовместимое апиговно

Answer 3

[Mikhail Osher]

Либо еще один вариант.

var arrayA = [].slice.call(document.getElementsByTagName('a'));
// Теперь можно работать с arrayA, как с массивом.

Comments

[Eugene Obrezkov]

Ваш вариант хорош и только [] есть плохим тоном. Когда вы пишете [].slice.call(), то создается пустой массив (зачем лишние операции). В то время когда Array.prototype обращается напрямую к прототипу массива без лишних операция.
var arrayA = Array.prototype.slice.call(document.getElementsByTagName('a'));

[Mikhail Osher]

Для разовой операции - можно, ввиду лаконичности и краткости.)