js數組遍歷的6種方法

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>數組的遍歷</title>
</head>
<body>
    <script>
        let arr = [1,2,5,8,10,5];

        //利用for循環進行遍歷
        for(let i = 0; i<arr.length; i++){
            console.log(i,arr[i])
        }

        //利用原生函數forEach進行遍歷,第一個參數爲value,第二個參數爲索引
        arr.forEach(function(v,i){
            console.log(i,v);
        })

        //for..in進行遍歷
        for(const key in arr){
            console.log(key,arr[key]);
        }

        //for..of進行遍歷
        for(let val of arr){
            console.log(val)
        }

        //利用map函數進行遍歷
        arr.map(function(val){
            console.log(val)
        })

        //利用filter進行遍歷
        arr.filter(function(val){
            console.log(val)
        })
    </script>
</body>
</html>

 

發佈了55 篇原創文章 · 獲贊 12 · 訪問量 4245
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章