前端开发 for循环与二维数组

传统前端开发发布流程
企业前端开发流程
专业前端是开发流程

for循环
作用:重复的做一些事情
语法:
for(初始条件;条件判断;条件变化){
循环的代码
}

执行顺序:

  1. 先初始条件
  2. 开始条件判断
  3. 如果成立,执行要循环的代码块
  4. 条件变化
    2,3,4,2,3,4….
    直到条件判断不成立,整个循环结束注意:
    条件判断一直为true,循环会一直执行下去,称之为死循环

    for循环中一定要写两个分号

注意:
写字符串的时候,字符串两边是单引号,字符串内不能出现单引号,如果字符串是双引号,字符串内不能出现双引号

break 停止for循环,后面的代码不执行了
continue 跳过本次循环,后面代码不执行,继续执行下一次循环
注意:这两个关键字只能用在for循环中

数组:
一维数组
[1,2,3,4]
二维数组
[[1,2,3],[45,6,7]]

    var arr = [[1,2,3],[4,5,6],[5,6,7,8,89,9]];
    需求:把二维数组的每一项打印出来
        思路:
        1. 先通过for循环,拿出arr的每一项
        2. 再循环拿出来的数组

    for(var i = 0; i < arr.length; i++){
        console.log(arr[i]);  1拿到arr中每一个数组
        2 循环每一个数组
        for(var j = 0; j < arr[i].length; j++){
            console.log(arr[i][j]);   3从每一个数组中取值
        }
    }

今天做了个九九乘法表
html 代码

<!DOCTYPE html>
    <head>
        <meta charset=”UTF-8″ />
        <title>九九乘法表</title>
        <style>
            span {
                display: inline-block;
                width: 80px;
                margin: 5px;
            }
        </style>
    </head>
    <body>
        <div id=”box”>
            <!–<div>
<span></span>
</div>–>
        </div>
        <script>
            var box = document.getElementById(‘box’)
            var item = ”
            for (var i = 1; i < 10; i++) {
                item += ‘<div>’
                for (var j = i; j < 10; j++) {
                    var n = i + ‘X’ + j + ‘=’ + i * j
                    item += ‘<span>’ + n + ‘</span>’
                }
                item += ‘</div>’
            }
            box.innerHTML += item
        </script>
    </body>
</html>
前端网络开发流程图
前端开发画图流程
前端开发的详细流程
赞(0)
前端开发者 » 前端开发 for循环与二维数组
64K

评论 抢沙发

评论前必须登录!