教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

JavaScript如何遍歷數組?

更新時間:2020年09月04日16時41分 來源:傳智播客 瀏覽次數:

什么是數組的遍歷?

操作數組中的每一個數組元素。

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

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

我們也可以得到數組的長度。

格式:

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

注意:條件表達式的寫法

·i<數組的長度

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

案例:

求數組里面元素的和

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

求數組里面元素是奇數的和

// 求數組里面元素是奇數的和
// 什么是奇數? 除以2余數不等于0

// 1.聲明數組
var arr=[11,20,23,30,33,41];
var sum=0;
// 2.遍歷數組
for(var i=0;i<arr.length;i++){
    // 3.判斷數組中的某個元素是否 是奇數
    if(arr[i]%2!=0){
      // 4.將奇數進行累加,求和
        sum+=arr[i];
    }
}
// 5.打印結果
console.log(sum);

求數組中的最大值

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

使用數組的方式來實現輸出今天星期幾?

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

使用for……in語句來遍歷數組

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

格式:

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

1599200757941_js遍歷數組.jpg

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


猜你喜歡:

多維數組是什么?Javascript多維數組是什么?

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

JavaScript中如何搜索數組元素?

JavaScript是什么?可以做什么?

web前端培訓課程

0 分享到:
和我們在線交談!