`
兰色星座
  • 浏览: 10240 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

JS基础语法3(if-else语句)

阅读更多
1. if-else语句:单分支语句
a) 语法:    if(条件表达式)
    {
    语句体1;
    }
    else
    {
    语句体2;
    {
b) 说明:
  i. 条件表达式:
因为JS是弱类型的原因,其它类型的数据也可以作为条件表达式,执行时会按照类型转换规则转换为boolean类型后再判断
  ii. 语句体1:条件表达式为true时执行
  iii. 语句体2:条件表达式为false时执行
  iv. else:为可选项,如果条件表达式为false时没有需要执行的代码,则可以省略不写
  v. 大括号{}:如果语句体中只有一行代码时可以省略(不建议)
  vi. 条件表达式如果是变量与数值(number)进行是否相等的比较,建议将数值写在左边,避免出现将==写成=的错误
  eg:
      var a=0;
     if(a==0)
     {
      console.debug(“yes”);
      }
     else
     {
    console.debug(“no”);
      } //结果为yes。a为number,a==0结果为true


    var a=0;
    if(a=0)
    {
    console.debug(“yes”);
     }
    else
    {
    console.debug(“no”);
     } //结果为no。a=0表示将0赋值给a(number类型),number转换成boolean型,则数字0转换后为false

c) 嵌套:
  i. If或else的语句体中还可以嵌套if-else
  ii. 如果else的语句体当中只有if-else,可以写成else if的形式

    if(条件表达式1)                                     if(条件表达式1)
    {语句体1;}                                          {语句体1;}
    else                              简化为:          else if(条件表达式2)
    {                                                           {语句体2;}
    If(条件表达式2)                               else{语句体3;}
    {语句体2;}
    else{语句体3;}
    {

d) 深入条件表达式:
  i. 多个条件时应尽量使用逻辑运算符,避免使用位运算符
  ii. NaN参与的比较结果都是false
  eg:
      <script type="text/javascript">
      var a=3,b,c;
      c=a/0;
      b=0/0;
      if(c>b){console.debug("yes");}
      else{console.debug("no");}
      //no
      if(c<=b){console.debug("yes");}
      else{console.debug("no");}
      //no(c>b时输出结果为no,按常规则c<=b时为yes,但因为b为NaN,所以比较结果均为false,输出结果为no)
       console.debug("b:"+b);
      //b:NaN
      console.debug("typeof b:"+typeof b);
      //typeof b:number
      </script>

  iii. 字符串与字符串可以使用比较运算:按照字符编码(英文是ASCII,中文是Unicode)
  iv. 字符串与数值比较,需要将字符串转成数值才能比较,如果字符串中不全是数字则转成NaN,比较结果一定是false
  eg:
      var a="tom";
      var a1="tomm";
      var b="tonny";
      var c=10;
      var d="2"
      if(a>b)
      {console.debug("yes");}
      else
      {console.debug("no");}
      //no (ASCII中n大于m)   

      if(a>a1)
      {console.debug("yes");}
      else
      {console.debug("no");}
      //no  (tomm比tom大)  

      if(a>c)
      {console.debug("yes");}
      else
      {console.debug("no");}
     //no (a为string,c为number,a不全是数字,则结果为NaN)
      if(c>d)
      {console.debug("yes");}
      else
      {console.debug("no");}
      //yes (d虽为string类型,但可以转换成number类型,再进行比较)
分享到:
评论

相关推荐

    MATLAB中的if-else判断语句.md

    其中,if-else语句是最基本且最常用的条件判断语句之一。 #### 语法结构 MATLAB中的if-else语句结构非常直观,易于理解。其基本语法结构如下: ```matlab if condition % 如果条件为真,则执行此处的代码 else ...

    Web前端开发基础:使用JavaScript进行客户端数据验证.ppt

    基本语法 if (表达式) { 代码1 } else { 代码2 } 语法说明 if-else语句的小括号中表达式的值必须是布尔型变量,即true或false,当值为true时,则执行代码1;否则执行代码2。 3.if-else if-else 多条件多分支语句,...

    elseif.js:嵌套ifelse语句

    标题中的"elseif.js"暗示我们将讨论与JavaScript中的`else if`(通常写作`else if`,但有时为了节省空间或个人偏好,也可能写作`elseif`)语句相关的主题。 `else if`语句是`if`语句的扩展,当最初的`if`条件不满足...

    详解JavaScript的流程控制语句

    在JavaScript中,条件选择结构主要通过if语句、if-else语句和if-else if-else语句来实现。这些语句允许我们根据不同的条件执行不同的代码块。 - if语句是最基本的条件语句,它包含一个条件表达式和一个代码块。如果...

    《JavaScript 程序设计》 基础篇2

    常见的选择结构包括if语句、if-else语句、if-elseif-else语句和switch语句。 - 循环结构:当满足一定条件时,重复执行一段代码块,直到条件不再满足。常见的循环结构包括while语句、do...while语句和for语句。 3. ...

    JavaScript基础语法全解

    ### JavaScript基础语法全解 ...以上内容概述了《JavaScript基础语法全解》中关于变量和条件语句的基础知识。通过对这些概念的理解,初学者可以更好地掌握JavaScript的核心语法,为进一步学习打下坚实的基础。

    Java 零基础控制语句 - switch 语句.md

    相比于传统的 `if-elseif-else` 结构,`switch` 语句提供了更为简洁和易读的解决方案,尤其适用于处理具有多个可能取值的情况。 #### 基本语法 `switch` 语句的基本语法结构如下: ```java switch (表达式) { ...

    JavaScript程序设计课件:if语句.pptx

    1. **if...else语句的语法结构**:if...else语句允许我们为条件的真和假分别定义不同的代码块。结构如下: ```javascript if (条件) { // 条件为true时执行的代码块 } else { // 条件为false时执行的代码块 } ...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    首先,最基础的条件语句是`if...else`语句。它用于检查一个条件,如果条件为真(true),则执行一段代码,否则执行另一段代码。语法结构如下: ```javascript if (condition) { // 条件为真时执行的代码 } else { ...

    JS常用语法格式

    通过本文介绍的`if`语句、`if-else`语句、`if-else`嵌套语句、`switch`语句、`for`循环、`while`循环以及`do-while`循环等基础语法,我们可以看到JavaScript语言提供了丰富的控制流机制,这些机制可以帮助开发者根据...

    javascript基础----Typora.rar

    3. **控制流**:如条件语句(if...else)、循环(for、while、do...while)和选择性结构(switch...case)。 4. **函数**:JavaScript中的函数是第一类对象,可以作为变量赋值、作为参数传递和作为返回值。 5. **...

    Vue.js 基础语法简介,入门级基础语法

    除了条件语句和循环语句外,Vue.js 还提供了许多其他基础语法,比如: - **计算属性(Computed Properties)**:用于定义依赖于其他数据的计算属性。 - **样式绑定(Style Binding)**:动态绑定样式属性。 - **...

    JavaScript基础语法 自学笔记

    4. **控制流程(Control Flow)**:如条件语句(if...else)、循环(for、while、do...while)、switch语句,以及break和continue语句,用于控制程序的执行顺序。 5. **函数(Functions)**:函数是可重复使用的...

    教案(Java语法及流程控制2).doc

    if-else语句则提供了二选一的选择,如果if条件满足,则执行相应代码,否则执行else后的代码。对于多分支,Java提供了if-else if-else结构,可以根据多个条件依次判断。此外,switch语句是另一种多分支结构,适用于...

    走前端学js练if语句.rar

    在JS中,if语句的基本语法如下: ```javascript if (condition) { // 当条件为真时执行的代码 } ``` 这里的`condition`是一个表达式,如果其值为真(非零或非假),则执行大括号 `{}` 中的代码。例如,我们可以用...

    5.JavaScript基础语法.zip

    本资料包"5.JavaScript基础语法.zip"包含的是关于JavaScript的基础语法教程,通过5.JavaScript基础语法.mp4视频文件,你可以系统地学习到JavaScript的核心概念。 JavaScript语法基于ECMAScript规范,它支持变量、...

    3.JavaScript基础语法.zip

    这个名为"3.JavaScript基础语法.zip"的压缩包很可能包含了一堂关于JS基础的视频教程,帮助初学者理解这门语言的核心概念。在深入探讨JavaScript的基础语法之前,我们先来了解一下JavaScript的基本定位和应用范围。 ...

    Javascript高级程序设计---笔记.pdf

    首先,ECMAScript是JavaScript的基础,它定义了语言的语法和基本对象。学习纪要中提到的ECMAScript部分可能包括变量声明、数据类型、作用域、变量提升等关键概念。例如,JavaScript有六种基本数据类型:Undefined、...

    4.JavaScript基础语法.zip

    本资料包"4.JavaScript基础语法.zip"聚焦于JavaScript的基础语法,通过MP4视频的形式,帮助学习者掌握这门语言的核心概念。 JavaScript语法的基础部分包括变量、数据类型、操作符、流程控制和函数等。 1. 变量:在...

    JavaScript基础语法.zip

    条件语句如`if...else`、`switch`,循环结构如`for`、`while`、`do...while`,以及`break`和`continue`用于控制程序的执行流程。 4. 函数: 函数是可重用的代码块,使用`function`关键字定义。函数可以接受参数并...

Global site tag (gtag.js) - Google Analytics