js基础

js-数组遍历

2019-04-28  本文已影响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>

上一篇下一篇

猜你喜欢

热点阅读