js for-in for-of for-each

for-in

  • for-in循環主要用於遍歷對象
  • 格式:for(key in obj){...}
  • 循環遍歷對象自身和繼承的可枚舉屬性(不含Symbol)
  • 某些情況下,隨機順續進行循環
  • 可以使用break,continue,不可使用return
function Person(name, age) {
    this.name = name;  
    this.age = age;
}
var person = new Person('張三', 15)
Person.prototype.nationality = "English";
for(var i in person) {
	console.log(i)
}
test.html:109 name
test.html:109 age
test.html:109 nationality

for-of

  • ES6 引入遍歷數據結構的方法
  • 支持部署了Symbol.iterator屬性的數據結構,如數組、Set 和 Map 結構、某些類似數組的對象(比如arguments對象、DOM NodeList 對象)、Generator 對象,以及字符串
  • 可以使用break,continue,不可使用return

forEach

  • forEach() 方法用於調用數組的每個元素,並將元素傳遞給回調函數。
  • arr.forEach(function(value,index){...}
  • forEach()不能使用break和continue語句跳出循環,可以使用return返回,但是效果類似continue
    -在這裏插入圖片描述在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章