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. JVM Management API

    JVM本身提供了一组管理的API,通过该API,我们可以获取得到JVM内部主要运行信息,包括内存各代的数据.JVM当前所有线程及其栈相关信 息等等.各种JDK自带的剖析工具,包括jps.jstack. ...

  2. 在config文件输入特殊字符

    今天遇到要在config文件中配置一个包含引号,尖括号的特殊字符的问题,config文件不支持转义字符,我开始发动自己的脑子想,想出一个蹩脚的方法,用其他的字符替换比如&,?,!,问题倒是解决 ...

  3. CocoaPods安装和使用及问题:Setting up CocoaPods master repo

    CocoaPods是什么? 当你开发iOS应用时,会经常使用到很多第三方开源类库,比如JSONKit,AFNetWorking等等.可能某个类库又用到其他类库,所以要使用它,必须得另外下载其他类库,而 ...

  4. android怎样查看当前project哪些profile是打开的

    代码project里面有三仅仅文件都是涉及到各个profile的宏的,各自是:featureoption.java.common/ProjectConfig.mk.product/ProjectCon ...

  5. 广域网佰腾玩O2O笑话——它看起来很漂亮,注定不低于

    据说 2014.8.29:中国最大的商业运营商万达在一起的互联网服务供应商百度.腾讯在深圳(属性)战略合作签约仪式举行. 从功能表面上.万达代表实体,百度代表数据.腾讯代表社区:按三个合伙人理解,是要 ...

  6. Micro 架构与设计

    Micro 架构与设计 翻译自 Micro architecture & design patterns for microservices 注: 原文作者即 Micro 框架的开发者. 过去 ...

  7. Web安全学习笔记(一)

    Web安全学习笔记(一): URL协议 HTTP协议 1. URL 2. HTTP协议 什么是HTTP HTTP的工作原理 HTTP报文 什么是Cookies HTTP请求方式 Referer请求的功 ...

  8. webpack构建项目

    webpack构建项目 案例代码戳这里 ps:每个案例对应相应的demo,例如"案例1"对应"demo1" 一.webpack基本功能及简单案例 安装webpa ...

  9. jquery.autocomplete详解

    语法: autocomplete(urlor data, [options] ) 参数: url or data:数组或者url [options]:可选项,选项解释如下: 1) minChars ( ...

  10. face_recognition 模块安装

    https://blog.csdn.net/qq_15192373/article/details/78623741 https://blog.csdn.net/roguesir/article/de ...