for、for-in循环结构

128 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第15天,点击查看活动详情

一。什么是循环

循环就是在满足条件的情况下,去不断重复的执行某一个操作

循环结构的特点:
1。循环结构里面 有循环条件和循环操作

2。常用循环 for、for-in循环结构

33.png (1)。for (①初始部分; ②条件判断(为true则继续循环,为false结束循环)然后就执行循环语句; ④改变循环变量的值 改变之后又会进入到②里面判断) ③循环执行的语句

 <script>
    for(var i=19;i<=23;i++){
        // var i=19是初始值,
        // i<=23代表就19开始执行,一共执行五次
        // i++代表循环一次加一
        document.write('今天是四月的第'+i+'天'+'<br>')
    }
</script>

1.png

使用for循环计算100以内(含100)的偶数之和

     <script>
    var sum = 0;
    
    for (var i = 1; i <= 100; i++) {
        // i%2==0代表,数除2余数为0就是偶数
        if (i % 2 == 0) {
            sum =sum+ i;
            // 0加偶数
        }

    } document.write('100以内偶数之和为:' + sum)
</script>

3.png

②。for-in循环,常用于对数组或对象的属性进行循环操作 for (变量 in 对象) {
循环执行的语句 }

数组是具有相同数据类型的一个或多个值的集合

     <script>
    let arr = ['前端', '大数据', 'ui', '测试', '云计算'];
    for (var i in arr) {
        document.write(arr[i] + '<br>')
    }
</script>

12.png

    <script>
    let b = ['前端', '大数据', 'ui', '测试', '云计算'];
    let subject = prompt('输入你想学习的科目')
    let a = false;
    for (var i in b) {
        if (b[i] == subject) {
            a = true;
            //如果输入的科目和b一致的话,变量a为true
        }
    }
    if (a) {
        // 如果变量a为true,就执行下面这句话
        document.write('恭喜您,我们有这门科目')
    } else {
        document.write('抱歉,我们没有这门科目')
    }
</script>
 

5.png

 <script>
    var num1 = parseFloat(prompt('请输入第一个数'));
    var fuhao = prompt('请输入运算符号');
    var num2 = parseFloat(prompt('请输入第二个数'));
    var a = num1 + num2;
    var b = num1 - num2;
    var c = num1 * num2;
    var d = num1 / num2;
   
    switch (fuhao) {
        case '+':
            document.write('两个数相加结果是:' + a);
            break;

        case '-':
            document.write('两个数相减结果是:' + b);
            break;

        case '*':
            document.write('两个数相乘结果是:' + c);
            break;

        case '/':
            document.write('两个数相除结果是:' + d);
            break;

        default:
            document.write('输入有误');
            break;
    }
</script>

3。while、do-while循环结构