JavaScript--小白入门篇2

时间:2021-12-05 13:51:01

 

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

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); //输出类型

JavaScript--小白入门篇2
  布尔值,直接使用就可以了,千万不要加上引号。

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);

JavaScript--小白入门篇2
== 这个符号,还可以验证字符串是否相同:

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,所以反过来就是false3   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 }

JavaScript--小白入门篇2