zoukankan      html  css  js  c++  java
  • 谷哥的小弟学前端(11)——JavaScript基础知识(2)


    探索Android软键盘的疑难杂症
    深入探讨Android异步精髓Handler
    具体解释Android主流框架不可或缺的基石
    站在源代码的肩膀上全解Scroller工作机制


    Android多分辨率适配框架(1)— 核心基础
    Android多分辨率适配框架(2)— 原理剖析
    Android多分辨率适配框架(3)— 使用指南


    自己定义View系列教程00–推翻自己和过往。重学自己定义View
    自己定义View系列教程01–经常使用工具介绍
    自己定义View系列教程02–onMeasure源代码详尽分析
    自己定义View系列教程03–onLayout源代码详尽分析
    自己定义View系列教程04–Draw源代码分析及事实上践
    自己定义View系列教程05–演示样例分析
    自己定义View系列教程06–具体解释View的Touch事件处理
    自己定义View系列教程07–具体解释ViewGroup分发Touch事件
    自己定义View系列教程08–滑动冲突的产生及其处理


    版权声明


    在本篇博客里,我们将介绍JavaScript中的条件推断语句。

    if else

    if else是JavaScript中非常基础和重要的条件推断结构,例如以下:

    if(条件表达式){
         假设该表达的结果true,那么程序运行该处代码语句
    }else{
         假设该表达的结果false,那么程序运行该处代码语句
    }

    我们来看一个非常easy的样例:
    这里写图片描写叙述

    这里写图片描写叙述

    嗯哼。在这个演示样例中,我们须要根据用户的输入的年纪而做出不同的响应,这个该怎么做呢?请看例如以下代码:

    <!DOCTYPE html>
    <!-- 本文作者:谷哥的小弟 -->
    <!-- 博客地址:http://blog.csdn.net/lfdfhl -->
    <html lang="en">
    
        <head>
          <meta charset="utf-8">
            <title>if else</title>
        </head>
    
        <body>
    
        </body>
    
    </html>
    
    <script type="text/javascript">
       var age=prompt("请输入您的年纪");
           age=parseInt(age);
        if (age>=18) {
          document.write("您好,欢迎您的光临");
        }else{
          document.write("未满十八岁勿入!本站也许含有成人内容,请注意规避!");
        }
    </script>

    在该演示样例中。我们获取到用户输入的年纪,再根据年纪值是否小于18而显示不同的内容。

    if else的嵌套

    有时简单的if else不能满足实际的须要,这时可嵌套使用if else,其结构例如以下:

    if(条件表达式){
            假设条件表达式结果为true则运行该处代码。后面的代码不再运行
      }else if(条件表达式){
            假设条件表达式结果为true则运行该处代码,后面的代码不再运行
      }else if(条件表达式){
            假设条件表达式结果为true则运行该处代码。后面的代码不再运行
      }else{
            假设以上条件均不满足则运行该处代码
    }

    请看例如以下演示样例:

    <script type="text/javascript">
       var number=prompt("请问你有几个女朋友?");
           number=parseInt(number);
        if (number<0) {
          document.write("严肃点。我们这搞社会调查呢");
        }else if(number==0){
          document.write("单身狗,不要哭。妹子会有的");
        }else if(number>0&&number<2){
          document.write("祝福你和你的女朋友");
        }else{
          document.write("哥们。你不止一个女朋友啊;分我一个呗!");
        }
    </script>

    在此利用if else语句的嵌套根据用户输入值的不同做出对应的响应

    三元运算符

    三元运算符非常像之前介绍的if else。其结构例如以下:

    表达式 ? 假设表达式结果为true运行此处的代码 : 假设表达式结果为false运行此处的代码;

    请看例如以下演示样例:

    <!DOCTYPE html>
    <!-- 本文作者:谷哥的小弟 -->
    <!-- 博客地址:http://blog.csdn.net/lfdfhl -->
    <html lang="en">
    
        <head>
          <meta charset="utf-8">
            <title>三元运算符</title>
        </head>
    
        <body>
    
        </body>
    
    </html>
    
    <script type="text/javascript">
       var number=prompt("请问你有几个女朋友?");
           number=parseInt(number);
           number>0?alert("不错喔"):alert("单身狗,不哭");
    </script>

    在该演示样例中假设number>0则运行alert(“不错喔”)否则运行alert(“单身狗,不哭”)

    switch语句

    switch语句用于基于不同的条件来运行不同的动作。

    switch语句结构例如以下:

    switch(m){
        case n1:
          运行代码块 n1
          break;
        case n2:
          运行代码块 n2
          break;
        default:
          m与case n1和case n2都不同一时候运行的代码块
    }

    请注意:
    switch语句后的变量数据类型必须和case后的数据类型保持一致。

    请看例如以下演示样例:

    <!DOCTYPE html>
    <!-- 本文作者:谷哥的小弟 -->
    <!-- 博客地址:http://blog.csdn.net/lfdfhl -->
    <html lang="en">
    
        <head>
          <meta charset="utf-8">
            <title>switch</title>
        </head>
    
        <body>
    
        </body>
    
    </html>
    
    <script type="text/javascript">
       var name=prompt("请输入你最喜欢的电影明星");
       switch(name){
            case "范冰冰":
            document.write("范冰冰非常美丽喔"+"<br>");
            break;
            case "杨幂":
            document.write("杨幂是个白富美"+"<br>");
            break;
            case "柳岩":
            document.write("柳岩性感十足!"+"<br>");
            break;
            case "武藤兰":
            document.write("敬爱的人民教育家"+"<br>");
            break;
            default:
            document.write("请您输入其它明星"+"<br>");
            break;
       }
    
    </script>

    自增和自减

    在编程中经常使用到变量的自增和自减,比方i++和++i以及i- -和- -i
    在此以i++和++i为例。分情况对其进行具体介绍;i- -和- -i与此相似,不再赘述。

    第一种情况:
    假设变量i没有直接參与运算中。i++和++i表示的含义是:在变量原来的基础上加1

    请看例如以下两个小演示样例:

    <script type="text/javascript">
        var number=9527;
        number++;
        document.write("number="+number+"<br>");      
    </script>

    结果为:

    number=9528

    <script type="text/javascript">
        var number=9527;
        ++number;
        document.write("number="+number+"<br>");      
    </script>

    结果为:

    number=9528

    另外一种情况:
    假设i++或者++i參与到运算中,那么i++表示先将i的值赋值给其它变量然后再自加1。++i表示先将i的值加1然后再赋值给其它变量

    请看例如以下两个小演示样例:

    <script type="text/javascript">
        var number=9527;
        var score=number++;
        document.write("score="+score+"<br>");
        document.write("number="+number+"<br>");      
    </script>

    结果为:

    score=9527
    number=9528

    <script type="text/javascript">
        var number=9527;
        var score=++number;
        document.write("score="+score+"<br>");
        document.write("number="+number+"<br>");      
    </script>

    结果为:

    score=9528
    number=9528

    while循环

    while语句经常使用于运行循环操作,其结构例如以下:

    while(条件表达式){
      当条件表达式结果为true就一直运行while循环体内的代码。
      当条件表达式的结果为false时while循环不再运行。
    }

    请看例如以下演示样例

    <script type="text/javascript">
        var i=1;
        while(i<5){
          document.write("i="+i+"<br>");
          i++;
        }      
    </script>

    结果为:

    i=1
    i=2
    i=3
    i=4

    在该演示样例中仅仅要i的值小于5就一直运行while中的操作,当i不再小于5时则跳出循环

    do while循环

    do while语句经常使用于运行循环操作,其结构例如以下:

    do{
      循环代码;
    }
    wile(条件表达式)

    do wile的基本原理和while基本一致。可是它保证循环体至少被运行一次。

    由于它是先运行代码然后再推断条件。

    请看例如以下演示样例:

    <script type="text/javascript">
        var i=1;
        do{
            document.write("i="+i+"<br>");
            i++;
        }
        while(i!=3)
    </script>

    结果为:

    i=1
    i=2

    在该演示样例中首先会去运行do中的语句,然后再推断是否满足while条件;假设满足则继续运行do中的语句。假设不满足则跳出循环。

    for循环

    for语句经常使用于运行循环操作。其结构例如以下:

    for (初始化;条件;增量){
        循环运行的代码;
    }

    请看例如以下演示样例:

    <script type="text/javascript">
        for(var i=0;i<5;i++){
            document.write("i="+i+"<br>");
        }
    </script>

    结果为:

    i=0
    i=1
    i=2
    i=3
    i=4

    从这个样例我们能够看到for循环的运行顺序:

    • 首先进行变量初始化并进行循环条件推断
    • 若推断结果为true则运行循环体内的代码然后运行i++
    • 继续推断循环条件,若为true则继续运行循环体内代码,否则跳出循环

    break语句

    break用于结束当前循环然后运行循环体之后的代码。
    请看例如以下演示样例:

    <script type="text/javascript">
        for(var i=0;i<5;i++){
            document.write("i="+i+"<br>");
            if (i==2) {
                break;
            };
        }
        document.write("for循环已经中止"+"<br>");
    </script>

    结果为:

    i=0
    i=1
    i=2
    for循环已经中止

    continue语句

    continue表示跳出本次循环。该continue语句后面的代码不再运行;可是整个循环体继续运行

    请看例如以下演示样例:

    <script type="text/javascript">
        for(var i=0;i<5;i++){
            if (i==2) {
                continue;
            };
            document.write("i="+i+"<br>");
        }
        document.write("for循环运行完成"+"<br>");
    </script>

    结果为:

    i=0
    i=1
    i=3
    i=4
    for循环运行完成


    至此,关于JavaScript中经常使用的条件推断语句就已介绍完了。

  • 相关阅读:
    dotnet core 使用 MongoDB 进行高性能Nosql数据库操作
    Google C++测试框架系列:入门
    leetcode解答索引一期工程:1
    Google+团队如何测试移动应用
    Google C++测试框架系列入门篇:第三章 基本概念
    Google C++测试框架系列入门篇:第二章 开始一个新项目
    Google C++测试框架系列高级篇:第二章 让GTest学习打印自定义对象
    Google C++测试框架系列入门篇:第一章 介绍:为什么使用GTest?
    leetcode: Jump Game II
    Google C++测试框架系列高级篇:第一章 更多关于断言的知识
  • 原文地址:https://www.cnblogs.com/zsychanpin/p/7403915.html
Copyright © 2011-2022 走看看