JavaScript--小白入门篇2

一、布尔值和关系运算符、逻辑运算符

1.1 布尔值

  我们上篇文章说了，学习了两种变量的类型数值型、字符串型。
  实际上，还有很多变量的类型。我们今天再学习一种，叫做“布尔类型”。

数值型里面的值，有无穷多个，因为世界上所有的数字，都是数值型； 字符串型的值，有无穷多个，因为世界上所有的文字、语句都是字符串型；
布尔类型的值，就两个，true、false。
true 真
false 假

1   var a = true;
2   var b = false;
3   console.log(a);     //输出
4   console.log(b);     //输出
5   console.log(typeof a); //输出类型
6   console.log(typeof b); //输出类型

  布尔值，直接使用就可以了，千万不要加上引号。

1.2 关系运算符

  上篇文章，我们学习了一些运算符，都是“数学运算符”。有：
+ - * / %
  实际上，JS中运算符还有很多，今天我们介绍一种运算符“关系运算符”。

> 大于号
<小于号
>= 大于或等于
<= 小于或等于
== 等于
=== 全等于
!= 不等于
!== 不全等于
关系运算符，和我们小学学习的意思，一样：

1   console.log(5 > 6);//false
2   console.log(55 > 6);//true
3   console.log(55 > 66);//false

小时候学习过≥，实际上在JS中需要用>=来表示，注意中间不能有空格！比如> =

1   console.log(16 >= 5);       //true
2   console.log(16 >= 16);      //true
3   console.log(16 >= 32);      //false

判断用户是否及格：

1       <script type="text/javascript">
2           //得到用户的成绩
3           var chengji = parseInt(prompt("请输入成绩"));
4           //输出结果：
5           alert(chengji >= 60);
6       </script>

等于

1   console.log(5 == 5);    //true
2   console.log(5 == 6);    //false

  注意，在JS中=符号只有一个意思！表示赋值！！
  如果想判断两个东西，是否相等，需要使用符号==
  不能用一个等号，来表示等于的关系：

1   console.log(3 = 8);

== 这个符号，还可以验证字符串是否相同：

1   console.log("我爱北京天安门" == "我爱北京天安门");//ture

==等等不严谨，会将不同类型的东西，转为相同类型进行比较：

1   console.log("5" == 5);      //true
2   console.log(56 == "56");    //true

全等于，就是三个等号===

1   //全等于
2   console.log("56" === 56);   //false
3   console.log(56 === "56");   //false
4   console.log("56" === "56"); //true
5   console.log(56 === 56);     //true

  也就是说，==两个等号，不严谨，”5”和5是true； ===三个等号更为严谨，”5”和5是false。
  != 就是==的反面； !==就是===的反面

1   console.log(3 != 8);    //true
2   console.log(3 != "3");  //false，因为3==”3”是true，所以反过来就是false。
3   console.log(3 !== "3"); //true，应为3===”3”是false，所以反过来是true。

1.3 逻辑运算符

  逻辑运算符有三个：

&& 与（且）
|| 或
! 非

  参与逻辑运算的，都是布尔值。也就是说，只有true、false才能参与逻辑运算，得到的答案，仍然是布尔值。

1   // &&表示“且”的意思，都真才真
2   console.log(true && true);      //true
3   console.log(true && false);     //false
4   console.log(false && true);     //false
5   console.log(false && false);        //false

或者的意思：

1   console.log(true || true);          //true
2   console.log(true || false);         //true
3   console.log(false || true);         //true
4   console.log(false || false);        //false

!表示“非”，没啥好说的，

1   console.log(!true);//false
2   console.log(!false);//true

1.4 连比的写法

  比如，我们想看看2这个数字，是不是在3和15之间：

1   console.log(3 < 2 < 15);//true

错误的写法。
  这是因为，计算机会先计算3<2，得到的答案就是false。然后false<15，false会被隐式转换为0，所以0<15是tue。
应该拆开，中间用一个&&连接。 也就是说：
“3小于2” 且 “2小于15”。

1   console.log(3 < 2 && 2 < 4);//false

  判断一个人是否能够考驾照，交通法规定18~70岁能够考驾照。

1   //得到用户年龄
2   var age = parseInt(prompt("请输入年龄"));
3   //显示结果
4   alert(age >= 18 && age <= 70);

二、if语句

2.1 if语句初步

  如果……那么……否则……
  if就是英语“如果”的意思，else就是“否则”。
举个例子：

1   if(明天不下雨){
2       我就出去玩；
3   }else{
4       我就在家写作业;5   }

一个程序：

1       <script type="text/javascript">
2           var a = 10; //设置变量
3           if(a > 5){
4               console.log("哈哈");
5           }else{
6               console.log("嘻嘻");
7           }
            //结果为 哈哈
8       </script>

小题目：
用户输入自己的年龄，判断用户是否在18~70岁，如果在，那么弹出框框“恭喜，可以考驾照”，“加油啊”；
否则弹出“年龄不符合要求”。 最后，都要弹出“么么哒”。

1       <script type="text/javascript">
2           //第一步，得到用户输入的年龄
3           var age = parseInt(prompt("请输入年龄"));
4           //第二步，判断。if的结构体
5           if(age >= 18 && age <= 70){
6               alert("恭喜，可以考驾照");
7               alert("加油啊");
8           }else{
9               alert("年龄不符合要求");
10          }
11          alert("么么哒");
12      </script>

2.2 if语句的嵌套

小例子：
一个加油站为了鼓励车主多加油，所以加的多有优惠。
92号汽油，每升6元；如果大于等于20升，那么每升5.9；
97号汽油，每升7元；如果大于等于30升，那么每升6.95
编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。
两层：

1           //第一步，输入
2           var bianhao = parseInt(prompt("你想加什么油？填写92或者97"));
3           var sheng = parseFloat(prompt("你想加多少升？"));
4
5           //第二步，判断
6           if(bianhao == 92){
7               //编号是92的时候做的事情
8               if(sheng >= 20){
9                   var price = sheng * 5.9;
10              }else{
11                  var price = sheng * 6;
12              }
13          }else if(bianhao == 97){
14              //编号是97的时候做的事情
15              if(sheng >= 30){
16                  var price = sheng * 6.95;
17              }else{
18                  var price = sheng * 7;
19              }
20          }else{
21              alert("对不起，没有这个编号的汽油！");
22          }
23
24          alert("价格是" + price);

2.3 if语句的小知识点

  else部分可以省略。

1       <script type="text/javascript">
2           var a = 10;
3           if(a > 20){
4               alert("这个数字大于20");
5           }
6       </script>

  没有else部分，就是说没有“否则”，如果条件表达式不满足了，那么就什么都不做。
如果要做的事情，只有一句话，那么可以省略大括号（初学者尽量不要这么玩儿，一定要把大括号写完整）：

1       <script type="text/javascript">
2           var a = 2;
3           if(a > 5) alert("这个数字大于5");
4           alert("哈哈哈哈");
5       </script>

三、for循环语句

3.1 认识for循环

在控制台输出1~100

1   console.log(1);
2   console.log(2);
3   console.log(3);
4   console.log(4);
5   console.log(5);
6   console.log(6);
7   console.log(7);
8   console.log(8);
9   ……
10  console.log(100);

循环语句，就是执行一些类似的代码，让这些代码的编写变得简化。

1   for(var i = 1 ; i <= 100 ; i++){
2       console.log(i);3    }