09-基本结构

这里写图片描述

1. 顺序结构
1. 程序中的各个操作是按照它们在源代码中的排列顺序依次执行的
2. 选择结构
1. 根据某个特定的条件进行判断后,选择其中一支执行;

2. 分为:单项选择、双选选择和多项选择;
2.1 if语句选择结构
<script>
    var i = 20
    if(i > 10) {
        console.log('我是世界上最帅的男人');
    }
    console.log(i);
</script>
2.2 if-else语句选择结构
<script>
    var i = 8
    if(i > 10) {
        console.log('我是世界上最帅的男人');
    } else {
        console.log('我是全宇宙最帅的男人');
    }
    console.log(i);
</script>
2.3 if-else if-…-else语句选择结构
<script>
    // 电梯往上走
    var i = 4  // 按了4楼
    if(i === 2) {
        console.log(i + '楼下');
    } else if(i === 3) {
        console.log(i + '楼下');
    } else if(i === 4) {
        console.log(i + '楼下');
    } else {
        console.log(i + '楼下');
    }
</script>
2.4 if语句的嵌套使用
<script>
    // 筛选
    var sex = 0;  // 1代表男,0代表女
    var height = 180;  // 180里面
    if(sex === 0 ) {
        if(height >= 180) {
            console.log('1.8以上的大长腿');
        } else {
            console.log('女同胞');
        }
    } else {
        console.log('男同胞的世界');
    }
</script>
3. 循环结构
1. 反复执行某个或某些操作,知道条件为假或为真时才停止循环;

2. 分为当型循环和直到型循环:
    当型循环先判断条件,当条件为真时执行循环体;
    直到型循环先执行循环体,再判断条件,当条件为假时结束循环。
3.1 for语句
用来循环遍历的是连续的循环,比如:循环遍历数组
<script>
    var x = 0;
    for(var i = 1; i <= 10000; i++) {
        x += i;
    }
    console.log('1-10000的和是:' + x);  // 50005000
</script>
3.2 for…in语句
用来循环遍历不一定是数字下标的数据,比如:循环遍历对象
注意:循环到的下标,即使是数字也是字符串类型的数字
<script>
    var rulai = {
        name: '如来',
        sex: '男',
        height: 1.80,
        weight: 85
    };
    for (var tmp in rulai) {
        console.log(tmp);
        console.log(rulai[tmp]);
    }
</script>
注意:要特别注意用上面这个循环,要剔除父类继承的属性
<script>
    var rulai = {
        name: '如来',
        sex: '男',
        height: 1.80,
        weight: 85
    };
    for (var tmp in rulai) {
        if(rulai.hasOwnProperty(tmp)) {
            console.log(tmp);
            console.log(rulai[tmp]);
        }       
    }
</script>
3.3 while语句
<script>
    var x = 0;
    var n = 0;
    while(n < 99) {
        x += n;
        n += 2;
    }
    console.log('0-99偶数和是:' + x);  // 0-99偶数和是:2450
</script>
3.4 do…while
while的区别是,do...while的循环至少运行一次
<script>
    var n = 1;
    var x = 0;
    do {
        x += n;
        n += 1;
    } while(n <= 100);
    console.log('1-100的和是:' + x);  // 1-100的和是:5050
</script>

猜你喜欢

转载自blog.csdn.net/rulaixiong/article/details/80684098