JS中for循環兩種寫法的坑

先看代碼：

第一種寫法

for(var index in divs){
    console.log('div.id',divs[index].id);
    book_list.push(divs[index].id)
}

console.log('book_list',book_list);

 

 

 

第二種寫法

for(var i =0 ; i<divs.length ; i++){
    console.log(divs[i].id);
    book_list1.push(divs[i].id)
}

console.log('book_list',book_list);

 

 

　　發現第一種寫法多出來很多undefined 屬性，原因

　　for in遍歷一些dom集合對象，因為這樣會遍歷出這些對象的屬性名和方法名出來。