美文网首页
js循环结构

js循环结构

作者: Dxes | 来源:发表于2019-12-07 09:21 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
</html>
<script type="text/javascript">
    //js中有for循环和while循环
    //1.for循环
    /*
     1)C语言的for循环
     语法:
     for(表达式1;表达式2;表达式3){
        循环体
     }
     
     表达式1
     for(;表达式2;){
        循环体
        表达式3
     }
     
     相当于:
     表达式1
     while 表达式2:
        循环体
        表达式3
     
     for(给变量赋初值;循环条件;修改变量的值){
        循环体
     }
     
     2) for-in循环
     for(变量 in 序列){
        循环体
     }
     让变量去序列中取值一个一个的取(取的是下标/属性名),取完为止,每取一个值执行一次循环体
     
     3) for-of循环
     for(变量 of 序列){
        循环体
     }
     让变量去序列中取值一个一个的取(取的值),取完为止,每取一个值执行一次循环体
     
     */
    //2.while循环
    /*
     1)while循环
     while(条件语句){
        循环体
     }
     
     2)do-while循环
     do{
        循环体
     }while(条件语句)
     */
    
    
    //计算1+2+...+100
    sum = 0
    for(let num=1;num<=100;num++){
        sum += num
    }
    console.log(sum)
    
    //产生数字100~199
    for(let num=100;num<=199;num++){
        console.log(num)
    }
    
    console.log('===================================')
    //产生数字100~1
    for(let num=100; num>=1;num--){
        console.log(num)
    }
    
    console.log('===================================')
    //产生数字2,4,6,8,... 100
    for (let num=2;num<=100;num+=2) {
        console.log(num)
    }
    
    console.log('==================for-in循环=================')
    for(let x in 'abc'){
        console.log('x:', x, 'abc'[x])
    }
    
    obj1 = {a:100, b:200, c:300}
    for(let x in obj1){
        console.log('x:', x, obj1[x])
    }
    
    console.log('==================for-of循环=================')
    for(let item of 'abc'){
        console.log('item:', item)
    }
    
    for(let item of [100, '小明', true]){
        console.log(item)
    }
    
    //注意: for-of不能遍历对象
//  for(let item of obj1){
//      console.log(item)
//  }
    
    
</script>

相关文章

  • JS循环结构

    本节练习 用任何一种方式写一个程序,实现以下需求:从0循环到20,分别判断该数是奇数还是偶数,并输出。输出结果如下...

  • js循环结构

  • JS第二天

    JS第二天 目录: 分支结构 循环结构 异常处理 函数初级 事件处理 JS选择器 JS操作页面内容 JS操作页面样...

  • [JS基础]笔记四

    js流程控制语句 流程控制 顺序结构、分支结构、循环结构 分支结构 if 分支结构 if else 双分支结构语句...

  • js笔记-循环结构

    循环结构 1.while(条件){//到条件为真时执行的命令} while结束循环时用break; ...

  • 3、JS循环结构

    一、初步循环 二、求偶数,奇数 1.求偶数 2.求奇数 3.余数求偶 三、求和 1.求出 100以内的偶数和(2+...

  • js-循环结构

    循环结构

  • 面向对象01-循环与分支

    js语法中的结构有两种:循环与分支 循环结构 while do...while(至少会执行一次循环中的代码块) f...

  • JS第四天

    一、面向对象JS JS面向对象初始 1、属性与方法 使用属性解决循环绑定变量污染 2、类字典结构使用 结构 拓展 ...

  • 2018-11-05 Day05 js基础语法

    00-什么是js 01-js基础语法 02-变量 03-js运算符 04-分支结构 05-循环结构 06-函数 0...

网友评论

      本文标题:js循环结构

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