JavaScript语句末尾的[0]是什么？

Question

var a = element.getElementsByTagName( 'div' ) [0]; 

我知道它会返回一个HTMLCollection,但是[0]的结尾是什么意思？

Answer 1

getElementsByTagName返回一个像对象而不是单个元素的数组.因此[0]选择数组的第一个元素.

就像它一样

var i,n;
var alldivs = document.getElementsByTagName( 'div' );

//use array length to get number of matched elements
console.log("there are "+alldivs.length+" divs on the page");

//loop through each element in array
for(i=0,n=alldivs.length; i<n; i++) {
    console.log(alldivs[i]); 
}

这是一个小提琴样本.

注意:

这里的消费者指出,alldivs并不完全是一个数组.意思是你这样做

console.log(alldivs instanceof Array);//false
console.log([] instanceof Array);//true

所以它意味着它html collection可以像数组一样循环,它的数组就像对象一样.但是你不能使用可用的正常功能,把它当作一个确切的阵列Array.prototype一样push(),pop(),forEach等.