javascript基础入门之js中的结构分支与循环语句

程序的结构
①顺序结构:自上而下;
②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个;
③循环结构:重复某些代码
④配合特定的语句实现选择或循环结构

分支结构语句

单分支:if(){}
    ()                执行条件
    {}                执行语句
    
双分支
            if(执行条件){
                        执行语句1
            }else{
                        执行语句二
        }
多分支
    
        if(执行条件1){
                执行语句1
        }else if(执行条件2){
                执行语句2
        }else if (执行条件3) {
                执行语句3
        }
        。。。。。
        多种情况,根据不同的条件选择其中一种

系统提供的switch语句:

case的穿透特性:在一个判断语句内,只会执行一次case判断,如果判断成功,后面的case全部执行,每一句后面添加break阻止case穿透,在结尾加default可以结束语句,并返回default所在的结束语句。

switch(执行条件){
            case  1 :执行语句1;break;
            case  2 :执行语句2;break;
            case  3 :执行语句3;break;
            case  4 :执行语句4;break;
            case  5 :执行语句5;break;
    default:结束语句;
        }

switch和if-else
①switch只能判断具体的值,不能判断范围
②在switch中的case比较中,不存在隐式转换类型,会严格比较;

循环语句

①循环语句:while (执行条件){执行语句,即循环体}
    ②循环的条件决定循环的次数,计时器来统计循环的次数
    ③死循环:会大量消耗性能,甚至卡死浏览器。但是可以利用死循环的原理,解决一些无法确定执行次数的要求(选择在合适的时候,利用循环控制的关键字节数循环)        
    ④循环的嵌套:
        运用场景:多行多列结构
        规律:外层控制行,内层控制列,(注意内外层计数器不能同名,同级可重复)
    ⑤循环运用对比:
            while(){}        适合死循环
            do{}    while(){}        比while多循环一次
            for (){}            比较适合处理确定次数的循环,条件更加集中

while循环的使用
        while (执行条件){
            执行语句
    }

当条件为ture时,会一直重复执行语句,注意不要造成死循环。

例:
        var  i    =    0 ;        //计时器
        while (i<5){            //停止循环的条件
        console.log("hello world");        //打印到控制台
            i++;                        //改变计时器
}

do-while循环的使用

do{
                当条件为ture,会执行这里写的语句
        }
        while(执行条件){
                    当条件为false时,执行这里的语句
        }

while和dowhile的区别
do-while无论结果为ture还是false都会执行一次

for循环的使用
        for(语句1;语句2;语句3){
                需要执行的代码块
        }
        语句1:在循环开始前执行-----------------------计时器
        语句2:循环的条件---------------------------------停止的条件
        语句3:在循环体被执行后执行-----------------改变计数器

例:

            for ( var = 0 ; i < 10 ; i++){
alert("hello world")
}

### 循环中的关键字
containue : 表示终止本次循环,还执行后面的循环,也可以理解成跳过本次循环中剩下的语句,执行下一次循环。
break : 表示完全结束一个循环,跳出循环体执行循环语句后面的语句。

javascript基础入门之js中的结构分支与循环语句的更多相关文章

  1. javascript基础入门之js中的数据类型与数据转换01

    javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM)        js中的打印语句:        数据类型        变量      ...

  2. JavaScript 基础入门

    JavaScript 基础入门   JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript     因为网景开发了JavaScrip ...

  3. JavaScript基础入门08

    目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过 ...

  4. JavaScript基础入门09

    目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础 ...

  5. JavaScript基础入门07

    目录 JavaScript 基础入门07 BOM window对象 Navigator对象 Screen 对象 Location对象 History 对象 JavaScript 基础入门07 BOM ...

  6. JavaScript基础入门05

    目录 JavaScript 基础入门05 严格模式 严格模式的设计目的 如何开启使用严格模式 显式报错 字符串 字符串的创建 字符串实例方法之常用API JavaScript 基础入门05 严格模式 ...

  7. JavaScript基础入门04

    目录 JavaScript 基础入门04 JavaScript 对象 介绍 关于键名 对象的引用 语句和表达式需要注意的地方 对象属性常见的操作 with语句 JSON 特点 语法规则 JSON合法示 ...

  8. JavaScript基础:数据类型的中的那些少见多怪

    原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...

  9. JavaScript基础入门10

    目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...

随机推荐

  1. SQL才是世界上最牛逼的语言!

    身处互联网行业,SQL 可能是你需要掌握的核心技能之一. 最早的时候,SQL 作为一门查询数据库的语言,是程序员的必备技能,运维.开发.Web 以及数据等从业人员都需要用到 SQL,毕竟只有查询到正确 ...

  2. 手动安装easy-install/pip

    1.wget --no-check-certificate https://bootstrap.pypa.io/ez_setup.py 2.在root用户下 python ez_setup.py -- ...

  3. 使用apache搭建tomcat集群

    1.安装apache 1.1 下载ApacheX64.rar,并解压 1.2 修改Apache24\conf\httpd.conf文件 配置根目录: 配置ip和端口 1.2 安装apache服务器 以 ...

  4. sublime推荐插件

    SyncedSidebarBg:侧边栏底色统一 Emmet:集合多种功能,大名鼎鼎的 Zen coding ==> 不过对于嵌入式的我没多大用啊 Sublime CodeIntel:代码提示 A ...

  5. CSS3 动画Animation的8大属性

    animation复合属性.检索或设置对象所应用的动画特效. 如果有多个属性值时以","隔开,适用于所有元素,包含伪对象:after和:before 1.animation-nam ...

  6. [转] datetime.now、datetime.utcnow以及Django中的timezone.now之间的区别

      https://blog.csdn.net/sinat_41898105/article/details/80984298   在我们使用Django做项目时经常会遇到时间的存储与读取不一致的问题 ...

  7. 牛客练习赛48 C,D,E

    C 小w的糖果 题意:3种操作,第一种是使pos右边的数全部+1,第二种是pos右边的数依次+k(k从1开始递增),第三种是pos右边的数依次+k^2(k从1开始递增). 解法:第一种我们很容易想到差 ...

  8. vector 有点麻烦啊 能简单点么?

    #include <iostream> #include <cstdlib> #include <cstring> #include <cstdio> ...

  9. icomoon字体图标引用代码

    1.第一步在样式里声明字体:告诉别人我们自己定义的字体. @font-face{ /*声明字体 引用字体*/ font-family:'icomoon'; src:url('fonts/icomoon ...

  10. python_django_admin

    admin 是Django提供的基于web的管理工具,是系统管理员用于数据的输入,删除和查询的管理工具. 超级管理员在settings中的集成:INSTALLED_APPS=['django.cont ...