js-数组遍历

作者: 椋椋夜色 | 来源:发表于2019-04-28 01:46 被阅读0次

    <!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>

    <script>
        var arr = ['一', '二', '三', '四', '五', '六', '日'];
        console.log(arr); //  ["一", "二", "三", "四", "五", "六", "日"] 下标 0 - 6;length = 7;
    
        // 第一种 正序遍历:从第 0 个 遍历到最后一个
        for (var i = 0; i < arr.length; i++) {
            console.log('星期' + arr[i]); // 星期一,星期二,星期三...
        }
        console.log('.................华丽分割线..................');
    
        // 第二种 正序遍历:从第 0 个 遍历到最后一个
        for (var i = 0; i <= arr.length - 1; i++) {
            console.log('星期' + arr[i]); // 星期一,星期二,星期三...
            document.write('星期' + arr[i] + ' \t'); // 在页面显示: 星期一,星期二,星期三...
        }
        console.log('.................华丽分割线..................');
    
        // 倒序遍历:从 最后一个 往 第0个 遍历 i-- -> i = i - 1;
        for (var i = arr.length - 1; i >= 0; i--) {
            console.log('星期' + arr[i]); //星期日 星期六 星期五...
            document.write('星期' + arr[i] + ' \t'); // 在页面显示 星期日 星期六 星期五...
        }
        console.log('.................华丽分割线..................');
    </script>
    

    </head>

    <body>

    </body>

    </html>

    相关文章

      网友评论

        本文标题:js-数组遍历

        本文链接:https://www.haomeiwen.com/subject/rokrnqtx.html