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

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

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

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

因為數(shù)組的下標是連續(xù)的，數(shù)組的下標是從0開始。

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

格式：

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

注意：條件表達式的寫法

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

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

案例:

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

var arr=[10,20,3,22,90];
// 定義一個變量，用于臨時統(tǒng)計所有元素的和
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ù)組中的某個元素是否 是奇數(shù)
    if(arr[i]%2!=0){
      // 4.將奇數(shù)進行累加，求和
        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ù)組中的某一項比臨時定義的參數(shù)要大
      if(arr[i]>maxNum){
            // 賦值給臨時變量，后續(xù)判斷就根據(jù)這個值做判斷
            maxNum=arr[i];
      }
}
// 4.打印
console.log(maxNum);

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

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

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

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

格式：

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

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

注意：一般情況下我們都會使用for循環(huán)來遍歷數(shù)組，因為使用for循環(huán)遍歷數(shù)組非常直觀。


猜你喜歡：

多維數(shù)組是什么?Javascript多維數(shù)組是什么?

如何在JavaScript中獲取當前日期?

JavaScript中如何搜索數(shù)組元素?

JavaScript是什么?可以做什么?

web前端培訓(xùn)課程