//if语句只有一个分支

//if-else语句有两个分支,最终执行一个分支

//if-else if-else if-else if-else if..........else---多分支,最终也是执行一个

if语句:

   if (8 > 6) {
console.log(8);
}
        var num1 = 10;
var num2 = 100;
if (num1 > num2) {
console.log(num1);
}
console.log("我执行了");
        var age = 19;
if (age >= 18) {
console.log("可以看电影了,嘿嘿...");
}
       var str = "帅";
if (str == "帅") {
console.log("真的好帅");
}

if-else表达式:

 
     /**
*
* if (表达式) {
* 代码1;
* } else {
* 代码2;
* }
**/
      var age = 100;
if (age >= 18) {
console.log("可以看电影哦");
} else {
console.log("看什么看,回家写作业去");
}
      var age = prompt("请您输入年龄");
console.log(age); //输出的是字符串 var age = parseInt(prompt("请您输入年龄"));
console.log(age); //输出是数字,如果用户没有输入正确数字则输出为NaN

练习1:

找到两个数中的最大值
        //练习1: 找到两个数中的最大值
var num1 = 10;
var num2 = 20;
if (num1 > num2) {
console.log(num1);
} else {
console.log(num2);
}

练习2:

判断这个数字是奇数还是偶数
      var number = parseInt(prompt("请您输入一个数字"));
if (number % 2 == 0) {
console.log("偶数");
} else {
console.log("奇数");
}

if ever-if 语句

     * if-else if语句...
    

* 语法:

      if(表达式1){
代码1
}else if(表达式2){
代码2
}else if(表达式3){
代码3
}else{
代码4
}

else if---这种结构可以写多个,具体多少个看需求,

else--结构是可以不用写的,具体也是看需求

* 执行过程:

     * 先判断表达式1的结果,
     * 如果为true则执行代码1
     * 如果为false,则判断表达式2
 
     * 如果表达式2为true则执行代码2
     * 如果为false,则判断表达式3
 
     * 如果表达式3为true则执行代码3
     * 否则执行代码4

练习:

     1. 成绩的结果是在90到100(包含)之间则 显示A级
     如果成绩是在80到90(包含)之间,则显示B级
     如果成绩是在70到80(包含)之间,则显示C级
     如果成绩是在60(包含)到70(包含)之间,则显示D级
     如果成绩在0到60(不包含)之间,则显示E级
 

实现代码

      var score = Number(prompt("请输入成绩"));
if (!isNaN(score)) {//如果为true就说明不是数字
if (score > 90 && score <= 100) {
console.log("A级");
} else if (score > 80) {
console.log("B级");
} else if (score > 70) {
console.log("C级");
} else if (score >= 60) {
console.log("D级");
} else {
console.log("E级");
}
} else {
console.log("您输入有误");
}
    练习2:
判断一个年份是不是闰年
定义变量存储一个年份
 

实现代码

 
    var year = 2017;
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
console.log("闰年");
} else {
console.log("平年");
}

JS基础语法---分支语句之:if语句,if-else语句,if-ever if语句的更多相关文章

  1. 9.12/ css3拓展、js基础语法、程序基本知识、数据类型、运算符表达方式、语句知识点

    css3拓展: <display:none>  将某个元素隐藏       <visibility:hidden>  也是将某个元素隐藏 <display:block&g ...

  2. JS基础语法---分支语句之:switch-case语句---3个练习

    switch-case语句---分支语句---多分支语句 语法: switch(表达式){ case 值1:代码1;break; case 值2:代码2;break; case 值3:代码3;brea ...

  3. JS基础语法---分支语句之:三元表达式

    获取两个数字中的最大值 用if-else语句        var num1 = 10;        var num2 = 100;        if (num1 > num2) {     ...

  4. JS基础语法---分支语句总结

    分支语句: if语句:一个分支 if-else语句:两个分支,最终只执行一个分支 if-else if-else if...语句: 多个分支,也是只会执行一个 switch-case语句:多分支语句, ...

  5. JavaScript进阶 - 第2章 你要懂的规则(JS基础语法)

    第2章 你要懂的规则(JS基础语法) 2-1什么是变量 什么是变量? 从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品 ...

  6. 【JS基础语法】---学习roadmap---6 parts

    JS基础语法---roadmap Part 1 - 2: Part 3 - 4:   Part 5 - 6

  7. JS基础语法(二)

    目录 JavaScript基础语法(二) 八. 函数 1. 函数的概念 2. 函数的使用 声明函数 调用函数 3. 函数的封装 4. 函数的参数 函数的参数匹配问题 5. 函数返回值 6. argum ...

  8. JavaScript01 js基础语法,数据类型

    JavaScript的概述: 1.组成 三部分组成 ecmaScript 基础语法 (es5) dom document object model 文档对象模型 (操作html文档内容) bom bo ...

  9. JS基础语法---循环语句之:for 循环 + 9个练习

    for循环 语法: for(表达式1;表达式2;表达式3){ 循环体; } 执行过程: 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环 如果表达式2成立,执行循环体的代码,结束后,跳到 ...

随机推荐

  1. 解决vscode中golang插件依赖安装失败问题

    vscode中安装ms-vscode.go插件后可以开启对go语言的支持,ms-vscode.go插件需要依赖一些工具,安装完成后提示 gocode go-outline go-symbols gur ...

  2. 用Python制作的一本道生成器,最后笑喷了!

    今天皮一下,众所周知,一本道是一本正经的胡说八道的简称,想必写过议论文的小伙伴,都知道引经据典是议论文高分必备,套上名人的话更加具有说服力是语文老师必教的知识点. 所以呢,今天介绍的这个生成器就走的是 ...

  3. Java - 包装类 常量池

    概述: 在Java中存在一些基本数据类型,这些基本数据类型变量,不能像其他对象一样调用方法,属性.... 一些情况下带来一些问题,包装类就是为了解决这个问题而出现 包装类可以使得这些基础数据类型,拥有 ...

  4. 假设高度已知,请写出三栏布局,其中左右各为300px 中间自适用

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. Spring Boot 2 构建可部署的war包

    默认情况下Spring Boot使用了内嵌的Tomcat服务器,项目最终被打成jar包运行,每个jar包可以被看作一个独立的Web服务器.传统的Web开发,一般会将Web应用打成一个war包,然后将其 ...

  6. SQL Server查询数据库表字段类型

    select b.name,a.name,c.name,a.xprec,a.xscalefrom  syscolumns aleft outer join sysobjects b ON a.id=b ...

  7. CSS绘制三角形和箭头,不用再用图片了

    前言 还在用图片制作箭头,三角形,那就太lou了.css可以轻松搞定这一切,而且颜色大小想怎么变就怎么变,还不用担心失真等问题. 先来看看这段代码: /**css*/.d1{ width: 0; he ...

  8. Octave中的常用操作2

    >> ones(2:3)ans = 1 1 1 1 1 1 >> 2*ones(2:3)ans = 2 2 2 2 2 2 >> rand(3,3) 产生0~1中的 ...

  9. 【5】Android Service 与 AIDL

    前言:本系列仅介绍基本大体的使用步骤,而不对每个步骤进行细致的讲解.读者可作为已经对相关内容有所了解后的快速查阅. 一.单应用内Service的使用 Service组件与Activity以IBinde ...

  10. 关于CCTextFieldTTF的几点注意事项

    TextField 基本名词 IME:输入法编辑器 placeholder:默认显示 事项 两种创建方式,一种是以文字的大小为准,此时如果如果内容超过编辑框大小,会自动扩展:另一种添加了对编辑框大小的 ...