js數(shù)組遍歷：JavaScript如何遍歷數(shù)組？

更新時(shí)間:2020-09-04 來源:黑馬程序員瀏覽量:

什么是數(shù)組的遍歷?

操作數(shù)組中的每一個(gè)數(shù)組元素。

使用for循環(huán)來遍歷數(shù)組

因?yàn)閿?shù)組的下標(biāo)是連續(xù)的，數(shù)組的下標(biāo)是從0開始。

我們也可以得到數(shù)組的長度。

格式：

for(var i=0;i<數(shù)組的長度;i++){
    數(shù)組變量名[i]
}

注意：條件表達(dá)式的寫法

·i<數(shù)組的長度

·i<=數(shù)組的長度-1 // 數(shù)組最大下標(biāo)

案例:

求數(shù)組里面元素的和

var arr=[10,20,3,22,90];
          // 定義一個(gè)變量，用于臨時(shí)統(tǒng)計(jì)所有元素的和
          var sum=0;
          for(var i=0;i<arr.length;i++){
                // sum=sum+arr[i];
                sum+=arr[i];
          }
          console.log(sum);

求數(shù)組里面元素是奇數(shù)的和

// 求數(shù)組里面元素是奇數(shù)的和
          // 什么是奇數(shù)? 除以2余數(shù)不等于0
 
          // 1.聲明數(shù)組
          var arr=[11,20,23,30,33,41];
          var sum=0;
          // 2.遍歷數(shù)組
          for(var i=0;i<arr.length;i++){
              // 3.判斷數(shù)組中的某個(gè)元素是否 是奇數(shù)
              if(arr[i]%2!=0){
                // 4.將奇數(shù)進(jìn)行累加，求和
                  sum+=arr[i];
              }
          }
          // 5.打印結(jié)果
          console.log(sum);

求數(shù)組中的最大值

var arr=[10,20,33,2,40];
          var maxNum=0;
          // 2.遍歷數(shù)組
          for(var i=0;i<arr.length;i++){
                // 3.求數(shù)組中最大的值，如果數(shù)組中的某一項(xiàng)比臨時(shí)定義的參數(shù)要大
                if(arr[i]>maxNum){
                      // 賦值給臨時(shí)變量，后續(xù)判斷就根據(jù)這個(gè)值做判斷
                      maxNum=arr[i];
                }
          }
          
          // 4.打印
          console.log(maxNum);

使用數(shù)組的方式來實(shí)現(xiàn)輸出今天星期幾?

// 使用數(shù)組的方式來實(shí)現(xiàn)輸出今天星期幾?
          // 聲明數(shù)組，數(shù)組中存儲(chǔ)的值 "星期一","星期二","星期三","星期四","星期五","星期六","星期日"
          // 如何獲取今天的日期? var date= new Date(); date.getDay()
          // 1.聲明數(shù)組
          var weekArr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
          // 2.獲取今天的日期
          var date=new Date();
          // 3.獲取當(dāng)前日期
          var day= date.getDay();
 
         console.log(weekArr[day]);

使用for……in語句來遍歷數(shù)組

for……in它本身是用來遍歷對(duì)象的，因?yàn)閿?shù)組也是屬于對(duì)象的一種，那么也可以使用for..in語句來遍歷數(shù)組。

格式：

for(var 變量名 in數(shù)組變量名){
       數(shù)組變量名[變量名]
}

<script>
        //求數(shù)組中元素是偶數(shù)得到其和
        var arr = [10,20,18,19,16,22,33,11]; 
        /*
            //聲明變量 相當(dāng)于數(shù)組里面的下標(biāo)值 
            for(聲明變量  in 要遍歷數(shù)組名){
                //代碼塊 
 
            }
        
        */
        var sum = 0; //用于存儲(chǔ)偶數(shù)的和
        for(var index  in arr){
            //判斷數(shù)組里面的元素是不是偶數(shù)
            if(arr[index] % 2 == 0){
                sum += arr[index];
            }
        }
        document.write("偶數(shù)的和："+sum);
 
    </script>

1599200757941_js遍歷數(shù)組.jpg