翼度科技»论坛 编程开发 JavaScript 查看内容

6 JavaScript条件判断

6

主题

6

帖子

18

积分

新手上路

Rank: 1

积分
18
6 条件判断
除了HTML以外. 几乎所有的编程语言都有条件判断的功能.  比如, python, 我们用if语句来做条件判断. 到了javascript中也是一样的, 也使用javascript来做条件上的判断.
  1. /* 语法1 */
  2. if(条件1){
  3.     代码块1   
  4. }
  5. if(条件)
  6.     a, b, c, d;
  7.     该语法表示当条件为真.运行if后面的第一句话(;)
  8. // 解读: 当`条件1`成立时, 执行代`码块1`中的内容, 如果`条件1`不成立. 则不执行该`代码块1`中的内容
  9. // 注, 如果代`码块1`中的内容只有一行. 则可以省略外面的大括号(一些逆向工程里会有)
  10. /* 语法2 */
  11. if(条件1){
  12.     代码块1
  13. } else {
  14.     代码块2
  15. }
  16. // 解读: 当`条件1`成立时, 执行`代码块1`中的内容, 如果`条件1`不成立. 则执行`代码块2`中的内容
  17. /* 语法3 */
  18. if(条件1){
  19.     代码块1
  20. } else if(条件2) {
  21.     代码块2
  22. } else if(条件3) {
  23.     代码块3
  24. } ... {
  25.         代码块n
  26. } else {
  27.     代码块else
  28. }
  29. // 解读: 当`条件1`成立时, 执行`代码块1`中的内容, 如果`条件2`不成立. 则执行`代码块2`中的内容...如果都不成立, 最终执行`代码块else`中的内容.
  30. /* 语法4:switch语句. 该语句是python中不存在的. 但是在Java和C, 以及JS中依然会有使用 */
  31. switch(变量){
  32.     case 值1:
  33.         代码块1
  34.         break  // 可选
  35.     case 值2:
  36.               代码块2
  37.         break  // 可选
  38.     case 值3:
  39.         代码块3
  40.         break  // 可选  
  41.     default:   // 可选
  42.         default代码块
  43. }
  44. /*
  45. 解读:
  46. 执行时,switch会判断变量的值是否是`值1`,如果是,则执行代码块1以及代码块1中的break,如果不是,则继续判断`值2`...。如果前面的`值`都没有和`变量`相等的,则执行`default代码块`。
  47. 注意:每一个`case`中都可以选择`break`,也可以不选择`break`,需要注意的是, 如果不写`break`。那么就会形成`case穿透`现象。
  48. 例:`变量`的值如果和`值1` 相等。并且case1中没有写`break`,则在执行的时候。会执行完`case1`中的代码。然后会自动穿透到`case2`中去执行里面的代码,而不经过case2中的数据的验证。
  49. */
复制代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>条件判断</title>
  6. </head>
  7. <body>
  8.    
  9. </body>
  10. </html>
复制代码
  1. a = 1
  2. b = 1
  3. c = 3
  4. if (a > 1) {
  5.     console.log(a);
  6. }else {
  7.     console.log(b);
  8. }
  9. if (a + b > 2){
  10.     console.log('A');
  11. } else if (a + b < 2) {
  12.     console.log('B');
  13. } else {
  14.     console.log('C');
  15. }
  16. d = 2;
  17. switch (d) {
  18.     case 1:
  19.         console.log('one');
  20.         break;  // 如果不写`break`. 那么就会形成`case穿透`现象
  21.     case 2:
  22.         console.log('two');
  23.         break;
  24.     case 3:
  25.         console.log('three');
  26.         break;
  27.     default:    // 如果前面的`值`都没有和`变量`相等的.则执行`default代码块`
  28.         console.log('error');
  29. }
复制代码
代码效果图如下:

  1. a = 4
  2. b = 1
  3. c = 3
  4. if (a > 1) {
  5.     console.log(a)
  6. }else {
  7.     console.log(b)
  8. }
  9. if (a + b > 2){
  10.     console.log('A');
  11. } else if (a + b < 2) {
  12.     console.log('B');
  13. } else {
  14.     console.log('C');
  15. }
  16. d = 2;
  17. switch (d) {
  18.     case 1:
  19.         console.log('one');
  20.         // break;  // 如果不写`break`. 那么就会形成`case穿透`现象
  21.     case 2:
  22.         console.log('two');
  23.         // break;
  24.     case 3:
  25.         console.log('three');
  26.         break;
  27.     default:    // 如果前面的`值`都没有和`变量`相等的.则执行`default代码块`
  28.         console.log('error');
  29. }
复制代码
代码效果图如下:


来源:https://www.cnblogs.com/zczhaod/p/17639777.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具