国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

javascript之遍歷數組及對象

Shihira / 591人閱讀

摘要:可用于數組的遍歷為遍歷會遍歷對象所有可枚舉的屬性,包括的,可通過來過濾,使得只有私有屬性被遍歷遍歷用于遍歷所有可遍歷有屬性的的數值用于數組遍歷用于對象屬性值遍歷這里的對象必須是的遍歷適合用來遍歷數組,也可用于遍歷數組,但是如果通過為原生對象

var arr = [18,20,26];
var obj = {name:"xiaohong",sex:"f",age:"18"};

for 可用于數組的遍歷

for(var i=0;i

for 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);
});

mapfilter會返回一個新的數組

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

相關文章

  • js遍歷for forEach in of

    摘要:語法參數當前遍歷項。遍歷的范圍在第一次調用前就會確定。已刪除的項不會被遍歷到。的是由提出的,目的是作為遍歷所有數據結構的統一方法。不僅可以遍歷數組,還可以遍歷結構,某些類似數組的對象如對象對象,對象,以及字符串。 即使是最簡單的循環,其中也深藏學問 ECMAScript5(es5)有三種for循環 簡單for for in forEach ECMAScript6(es6)新增 fo...

    yeyan1996 評論0 收藏0
  • 類的加載機制 - 收藏集 - 掘金

    摘要:是現在廣泛流行的代從開始學習系列之向提交代碼掘金讀完本文大概需要分鐘。為了進行高效的垃圾回收,虛擬機把堆內存劃分成新生代老年代和永久代中無永久代,使用實現三塊區域。 React Native 開源項目 - 仿美團客戶端 (Android、iOS 雙適配) - Android - 掘金推薦 React Native 學習好項目,仿照美團客戶端... 極簡 GitHub 上手教程 - 工具...

    Gilbertat 評論0 收藏0
  • JavaScript數組

    摘要:數組的特別之處在于,當使用小于的非負整數作為屬性名時數組會自動維護其屬性值。返回的數組包含第一個參數指定的位置和所有到但不含第二個參數指定的位置之間的所有數組元素。數組中只需有一項滿足給定條件則返回。 概念 JavaScript數組是JavaScript對象的特殊形式。數組索引實際上和碰巧是整數的屬性名差不多,使用方括號訪問數組元素就像用方括號訪問對象的屬性一樣。JavaScript將...

    coolpail 評論0 收藏0
  • 讀 Zepto 源碼操作 DOM

    摘要:輔助方法這個方法遞歸遍歷的子節點,將節點交由回調函數處理。對集合進行遍歷,調用方法,如果為函數,則將回調函數返回的結果作為參數傳給否則,如果為,則將也即包裹元素的副本傳給,否則直接將傳給。 這篇依然是跟 dom 相關的方法,側重點是操作 dom 的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto...

    beita 評論0 收藏0

發表評論

0條評論

Shihira

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<