forEach遍歷數(shù)組
forEach遍歷數(shù)組茧彤,而不是遍歷對(duì)象哦案站,而且在遍歷的過(guò)程中不能被終止,必須每一個(gè)值遍歷一遍后才能停下來(lái)
注意其與jQuery的$.each類(lèi)似,只不過(guò)參數(shù)正好是相反的棘街。
varmyArry =[1,2,3,4];
myArry.desc='four';
myArry.forEach((value,index,arr)=>{
console.log(value);
});//1//2//3//4
for in遍歷對(duì)象
循環(huán)遍歷對(duì)象的key蟆盐,是鍵值對(duì)前面的那一個(gè)哦
一般不推薦遍歷數(shù)組,因?yàn)閒or in遍歷后的不能保證順序遭殉,而且原型鏈上的屬性也會(huì)被遍歷到石挂,因此一般常用來(lái)遍歷非數(shù)組的對(duì)象并且使用hasOwnProperty()方法去過(guò)濾掉原型鏈上的屬性
varmyArry =[1,2,3,4];
myArry.desc='four';for(varvalueinmyArry){//循環(huán)keyconsole.log(value)
}//"0"http://"1"http://"2"http://"3"http://"desc" 注意這里添加上去的屬性也被遍歷出來(lái)了
for of遍歷對(duì)象
循環(huán)遍歷對(duì)象的值,是遍歷鍵值對(duì)后面的那一個(gè)value哦 险污,與for in遍歷key相反
varmyArry =[1,2,3,4];
myArry.desc='four';for(varvalue of myArry){
console.log(value)
}//1//2//3//4
這是最簡(jiǎn)潔痹愚、最直接的遍歷數(shù)組元素的語(yǔ)法
這個(gè)方法避開(kāi)了for-in循環(huán)的所有缺陷
與forEach()不同的是,它可以正確響應(yīng)break蛔糯、continue和return語(yǔ)句