摘要:可用于數組的遍歷為遍歷會遍歷對象所有可枚舉的屬性,包括的,可通過來過濾,使得只有私有屬性被遍歷遍歷用于遍歷所有可遍歷有屬性的的數值用于數組遍歷用于對象屬性值遍歷這里的對象必須是的遍歷適合用來遍歷數組,也可用于遍歷數組,但是如果通過為原生對象
var arr = [18,20,26];
var obj = {name:"xiaohong",sex:"f",age:"18"};
for 可用于數組的遍歷
for(var i=0;ifor in/for of 遍歷
for in 會遍歷對象所有可枚舉的屬性,包括prototype的,可通過hasOwnProperty()來過濾,使得只有私有屬性被遍歷 for(var key in obj){ //遍歷key if(obj.hasOwnProperty(key)){ console.log(key+":"+obj[key]); } } for of 用于遍歷所有可遍歷(有Symbol.iterator屬性)的collection的數值 //用于數組遍歷 for(var val of arr){ console.log(val); } //用于對象屬性值遍歷,這里的對象必須是iterable的 for(var val of obj){ console.log(val); } or for(var [key,val] of obj){ //遍歷key & value console.log(key+":"+val); }Note: for...of適合用來遍歷數組,for…in也可用于遍歷數組,但是如果通過Array.prototype.xxx為Array原生對象添加了屬性,則會在該遍歷中被讀到。
foreach,map,filter,reduce 用于數組遍歷
foreach 用于數組遍歷,無返回值
arr.foreach(function(value,index,thisArray){ //三個參數,分別為索引,值,當前array console.log(index+":"+value); });map和filter會返回一個新的數組
var newArr = arr.map(function(value,index,thisArray){ //三個參數,分別為索引,值,當前array return value*2; }); var newArr = arr.filter(function(value,index,thisArray){ //三個參數,分別為索引,值,當前array return value>100; //根據return為false或true來決定是否留下當前元素 });reduce會返回一個累加值
var sum = arrreduce.reduce(function(previousValue, currentValue, currentIndex, thisArray) { return previousValue + currentValue; });Note: 以上函數都可以用箭頭函數書寫,例如reduce:
var sum = arrreduce.reduce((previousValue, currentValue) => previousValue + currentValue);使用iterator進行遍歷
主要是通過iterator的next()函數進行遍歷,需要定義generator和[Symbol.iterator]屬性。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91060.html
摘要:語法參數當前遍歷項。遍歷的范圍在第一次調用前就會確定。已刪除的項不會被遍歷到。的是由提出的,目的是作為遍歷所有數據結構的統一方法。不僅可以遍歷數組,還可以遍歷結構,某些類似數組的對象如對象對象,對象,以及字符串。 即使是最簡單的循環,其中也深藏學問 ECMAScript5(es5)有三種for循環 簡單for for in forEach ECMAScript6(es6)新增 fo...
摘要:是現在廣泛流行的代從開始學習系列之向提交代碼掘金讀完本文大概需要分鐘。為了進行高效的垃圾回收,虛擬機把堆內存劃分成新生代老年代和永久代中無永久代,使用實現三塊區域。 React Native 開源項目 - 仿美團客戶端 (Android、iOS 雙適配) - Android - 掘金推薦 React Native 學習好項目,仿照美團客戶端... 極簡 GitHub 上手教程 - 工具...
摘要:數組的特別之處在于,當使用小于的非負整數作為屬性名時數組會自動維護其屬性值。返回的數組包含第一個參數指定的位置和所有到但不含第二個參數指定的位置之間的所有數組元素。數組中只需有一項滿足給定條件則返回。 概念 JavaScript數組是JavaScript對象的特殊形式。數組索引實際上和碰巧是整數的屬性名差不多,使用方括號訪問數組元素就像用方括號訪問對象的屬性一樣。JavaScript將...
摘要:輔助方法這個方法遞歸遍歷的子節點,將節點交由回調函數處理。對集合進行遍歷,調用方法,如果為函數,則將回調函數返回的結果作為參數傳給否則,如果為,則將也即包裹元素的副本傳給,否則直接將傳給。 這篇依然是跟 dom 相關的方法,側重點是操作 dom 的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto...
閱讀 923·2023-04-26 01:34
閱讀 3356·2023-04-25 20:58
閱讀 3260·2021-11-08 13:22
閱讀 2108·2019-08-30 14:17
閱讀 2522·2019-08-29 15:27
閱讀 2673·2019-08-29 12:45
閱讀 2996·2019-08-29 12:26
閱讀 2811·2019-08-28 17:51