JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(六)

简介: JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(六)

8.3.2 if else语句(双分支语句)

语法:

// 条件成立  执行 if 里面代码,否则执行else 里面的代码
if (条件表达式) {
    // 条件成立执行的代码
} else {
    // 条件不成立执行的代码
}

判断闰年:

算法:能被4整除且不能整除100的为闰年(如2004年就是闰年,1901年不是闰年)或者能够被 400 整除的就是闰年

var year = prompt('请输入年份')
      var yearNum = parseInt(year)
      if ((yearNum % 4 == 0 && yearNum % 100 != 0) || yearNum % 400 == 0) {
        alert(year + '是闰年')
      } else {
        alert(year + '不是闰年')
      }

8.3.3 if else if 语句(多分支语句)

语法:

// 适合于检查多重条件。
if (条件表达式1) {
  // 满足条件1执行
    语句1;
} else if (条件表达式2)  {
    // 满足条件2执行
    语句2;
} else if (条件表达式3)  {
   // 满足条件3执行
   语句3;
 ....
} else {
    // 上述条件都不成立执行此处代码
}

判断成绩级别:

  1. 90分(含)以上 ,输出:A
  2. 80分(含)~ 90 分(不含),输出:B
  3. 70分(含)~ 80 分(不含),输出:C
  4. 60分(含)~ 70 分(不含),输出:D
  5. 60分(不含) 以下,输出: E
var score = prompt('请输入你的成绩')
      if ( score >= 90 ) {
        alert('你的成绩等级为A')
      } else if ( score >= 80 ) {
        alert('你的成绩等级为B')
      } else if ( score >= 70 ) {
        alert('你的成绩等级为C')
      } else if ( score >= 60 ) {
        alert('你的成绩等级为D')
      } else {
        alert('你的成绩等级为E')
      }

8.3.4 三元表达式

有三元运算符组成的式子称为三元表达式.

语法:

表达式1 ? 表达式2 : 表达式3;

如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值,类似于 if else (双分支) 的简写。

数字补0(范围0-99):

用户输入数字,如果数字小于10,则在前面补 0 ,比如01,09 ,如果数字大于10,则不需要补,比如 20。

var num = prompt('请输入一个0-99之间的数字')
    // 大于等于10不用补0直接返回
    // 小于10进行补0
    var res = num>=10 ? num : '0'+num
    alert(res)

8.3.5 switch 语句

switch 语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用 switch。

语法:

switch( 表达式 ){ 
    case value1:
        // 表达式 等于 value1 时要执行的代码
        break;
    case value2:
        // 表达式 等于 value2 时要执行的代码
        break;
    default:
        // 表达式 不等于任何一个 value 时要执行的代码
}
  • 关键字 switch 后面括号内可以是表达式或值, 通常是一个变量
  • 关键字 case , 后跟一个选项的表达式或值,后面跟一个冒号
  • switch 表达式的值会与结构中的 case 的值做比较
  • 如果存在匹配全等(===) ,则与该 case 关联的代码块会被执行,并在遇到 break 时停止,整个 switch 语句代码执行结束
  • 如果所有的 case 的值都和表达式的值不匹配,则执行 default 里的代码

执行case 里面的语句时,如果没有break,则继续执行下一个case里面的语句。

var num = prompt('请输入一个整数数字(1-3)')
      num = parseInt(num)
      switch (num) {
        case 1:
          alert('你输入的是1')
          break
        case 2:
          alert('你输入的是2')
          break
        case 3:
          alert('你输入的是3')
          break
        default:
          alert('你输入的数字大于3')
          break
      }

var num = prompt('请输入一个整数数字(1-3)')
      num = parseInt(num)
      switch (num) {
        case 1:
          alert('你输入的是1')
          // break
        case 2:
          alert('你输入的是2')
          // break
        case 3:
          alert('你输入的是3')
          // break
        default:
          alert('你输入的数字大于3')
          // break
      }

8.5.6 switch 语句和 if else if 语句的区别

  • 一般情况下,它们两个语句可以相互替换
  • switch…case 语句通常处理 case为比较确定值的情况, 而 if…else…语句更加灵活,常用于范围判断(大于、等于某个范围)
  • switch 语句进行条件判断后直接执行到程序的条件语句,效率更高。而if…else 语句有几种条件,就得判断多少次。
  • 当分支比较少时,if… else语句的执行效率比 switch语句高。
  • 当分支比较多时,switch语句的执行效率比较高,而且结构更清晰。

8.4 循环

在实际问题中,有许多具有规律性的重复操作,在程序中要完成这类操作就需要重复执行某些语句。

在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被称之为循环语句

JS 中的循环:

  • for 循环
  • while 循环
  • do…while 循环

8.4.1 for 循环

for 循环主要用于把某些代码循环若干次,通常跟计数有关系。

语法:

for(初始化变量; 条件表达式; 操作表达式 ){
    //循环体
}
  • 初始化变量:通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。
  • 条件表达式:用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。
  • 操作表达式:每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然,递减变量也是可以的。
for ( var i=0; i<10; i++ ) {
      console.log(i)
    }

执行过程:

8.4.1.1 for 循环重复相同的代码

for( var i=0; i<10; i++ ) {
      console.log('hello')
    }

8.4.1.2 for 循环重复不相同的代码

for ( var i=0; i<10; i++ ) {
      console.log(i)
    }

8.4.1.3 for 循环重复不相同的代码

for( var i=0; i<15; i++ ) {
      if ( i==0 ) {
        console.log('当前i=0')
      } else if ( i>0 && i<=10 ) {
        console.log(i)
      } else {
        console.log('i大于10')
      }
    }

8.4.1.4 双重 for 循环

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构,例如在for循环语句中,可以再嵌套一个for 循环,这样的 for 循环语句我们称之为双重for循环。

语法:

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
    for (内循环的初始; 内循环的条件; 内循环的操作表达式) {  
       需执行的代码;
   }
}

打印九九乘法表:

for( var i=1; i<=9; i++ ) {
      var str = '' // 保存每行的结果
      for ( var j=1; j<=i; j++ ) {
        str += j+'X'+i+'='+i*j+'\t'
      }
      console.log(str)
    }

8.4.2 while 循环

while 语句可以在条件表达式为真的前提下,循环执行指定的一段代码,直到表达式不为真时结束循环。

while语句的语法结构如下:

while (条件表达式) {
    // 循环体代码 
}

执行思路:

  • 先执行条件表达式,如果结果为 true,则执行循环体代码;如果为 false,则退出循环,执行后面代码
  • 执行循环体代码
  • 循环体代码执行完毕后,程序会继续判断执行条件表达式,如条件仍为true,则会继续执行循环体,直到循环条件为 false 时,整个循环过程才会结束

注意:

  • 使用 while 循环时一定要注意,它必须要有退出条件,否则会成为死循环
  • while 循环和 for 循环的不同之处在于 while 循环可以做较为复杂的条件判断,比如判断用户名和密码

计算 1 ~ 100 之间所有整数的和:

var sum = 0
    var i=1
    while (i<=100) {
      sum += i
      i++
    }
    console.log(sum)

8.4.3 do while 循环

do… while 语句其实是 while 语句的一个变体。

该循环会先执行一次代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出循环。

do… while 语句的语法结构如下:

do {
    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

执行思路:

  • 先执行一次循环体代码
  • 再执行条件表达式,如果结果为 true,则继续执行循环体代码,如果为 false,则退出循环,继续执行后面代码

注意:先再执行循环体,再判断,我们会发现 do…while 循环语句至少会执行一次循环体代码

var i=0
    do {
      console.log(i)
      i++
    } while (i<0)
    i = 0
    while ( i<0 ) {
      console.log(i)
      i++
    }

8.4.4 continue break

8.4.4.1 continue 关键字

continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。

for ( var i=0; i<10; i++ ) {
      if ( i==5 ) {
        continue
      }
      console.log('当前i的值为:'+i);
    }

8.4.4.2 break 关键字

break 关键字用于立即跳出整个循环(循环结束)。

for (var i = 0; i < 10; i++) {
        if (i == 5) {
          break
        }
        console.log('当前i的值为:' + i)
      }


相关文章
|
3天前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。
【6月更文挑战第25天】JavaScript闭包是函数访问外部作用域变量的能力体现,它用于封装私有变量、持久化状态、避免全局污染和处理异步操作。闭包基于作用域链和垃圾回收机制,允许函数记住其定义时的环境。例如,`createCounter`函数返回的内部函数能访问并更新`count`,每次调用`counter()`计数器递增,展示了闭包维持状态的特性。
17 5
|
1天前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
11 2
|
1天前
|
JSON JavaScript 前端开发
JavaScript 简介
JavaScript 简介
7 1
|
1天前
|
JavaScript 前端开发
JavaScript作用域关乎变量和函数的可见范围。
【6月更文挑战第27天】JavaScript作用域关乎变量和函数的可见范围。全局作用域适用于整个脚本,局部作用域限于函数内部,而ES6引入的`let`和`const`实现了块级作用域。全局变量易引发冲突和内存占用,局部作用域在函数执行后消失,块级作用域提高了变量管理的灵活性。作用域关键在于组织代码和管理变量生命周期。
13 1
|
5天前
|
设计模式 JavaScript 前端开发
JS 代码变量和函数的正确写法大分享
在开发中,变量名,函数名一般要做到清晰明了,尽量做到看名字就能让人知道你的意图,所以变量和函数命名是挺重要
11 2
|
6天前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
22 3
|
9天前
|
设计模式 JavaScript 前端开发
JS 代码中变量和函数的正确写法总结
**代码规范与最佳实践摘要** 1. 使用可读性强的变量名,如`currentDate`代替`yyyymmdstr`。 2. 对同一类型变量使用相似命名,如`getUser()`代替`getUserInfo()`。 3. 变量名应具有描述性,避免使用难以理解的数字,如`MILLISECONDS_IN_A_DAY`代替`86400000`。
23 2
|
10月前
|
JavaScript 前端开发
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(三)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(三)
|
10月前
|
JavaScript 前端开发
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(五)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(五)
|
10月前
|
存储 JavaScript 前端开发
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(四)
JavaScript基础(第一部分 -- 简介、注释、输入输出、变量、数据类型、运算符、流程控制)(四)