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

时间:2022-09-02 14:15:20

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. jquery的bind跟on绑定事件的区别

    jquery的bind跟on绑定事件的区别:主要是事件冒泡: jquery文档中bind和on函数绑定事件的用法: .bind(events [,eventData], handler) .on(ev ...

  2. 20161020001 DataGridView 选中的 DataGridViewCheckBoxCell 不添加重复项

    private void btn_add_Click(object sender, EventArgs e)        {            string str_P_ID = "& ...

  3. 通过工厂方式配置bean

    src\dayday\CarFactoryBean.java package dayday;import org.springframework.beans.factory.FactoryBean;/ ...

  4. 116、Android获取Manifest中&lt&semi;meta-data&gt&semi;元素的值

    在AndroidManifest.xml中,<meta-data>元素可以作为子元素, 被包含在<activity>.<application> .<serv ...

  5. OpenGL Shader源码分享

    Opengl shader程序,旗帜混合纹理加载,通过N张图片,能够组合出数百个:http://www.eyesourcecode.com/thread-39015-1-1.html 用GLSL做了一 ...

  6. maven创建web项目

    上一次自己使用Maven还是在大三在学校做项目时.现在公司有个新项目,想重新使用一下maven,顺便记下一些步骤 1.安装maven 1.1 访问(http://maven.apache.org/), ...

  7. Python中字符串切片操作

    一:取字符串中第几个字符 print "Hello"[0] 表示输出字符串中第一个字符print "Hello"[-1] 表示输出字符串中最后一个字符   二: ...

  8. GCDAsyncUdpSocket的使用

    tips: 要注意服务器端口与客户端端口的区别,如果客户端绑定的是服务器的端口,那么服务器发送的消息就会一直发送给服务器.

  9. 论文阅读笔记五十四:Gradient Harmonized Single-stage Detector(CVPR2019)

    论文原址:https://arxiv.org/pdf/1811.05181.pdf github:https://github.com/libuyu/GHM_Detection 摘要 尽管单阶段的检测 ...

  10. upstream模块介绍

    upstream模块介绍 Nginx的负载均衡功能依赖于ngx_http_upsteam_module模块,所支持的代理方式包括proxy_pass.fastcgi_pass.memcached_pa ...