JavaScript day4（条件语句和条件运算符）

1. 布尔值

　　布尔值要么是 true 要么是 false 。它非常像电路开关， true 是“开”，false 是“关”。这两种状态是互斥的。

 

2. if 语句　　

　　if 语句用于在代码中做条件判断。关键字 if 告诉 JavaScript 在小括号中的条件为真的情况下去执行定义在大括号里面的代码。这种条件被称为 Boolean 条件，因为他们只可能是 true（真）或 false（假）。

　　当条件的计算结果为 true，程序执行大括号内的语句。当布尔条件的计算结果为 false，大括号内的代码将不会执行。

　　if(条件为真){
　　   语句被执行
　　} 

　　示例：

function test (myCondition) {
  if (myCondition) {
     return "It was true";
  }
  return "It was false";
}
test(true);  // 返回 "It was true"
test(false); // 返回 "It was false"

 

3.if—else if—else

　　if/else if/else 语句串联在一起可以实现复杂的逻辑

　　示例：把 if/else if/else 语句串联起来实现下面的逻辑：

num < 5 - return "Tiny"
num < 10 - return "Small"
num < 15 - return "Medium"
num < 20 - return "Large"
num >= 20 - return "Huge"

　　

function myTest(num) {
 if (num < 5) {
   return "Tiny";
 } 
 else if (num < 10) {
   return "Small";
 }
 else if (num < 15){
   return "Medium";
 }
 else if (num < 20){
   return "Large";
 }
 else {
  return "Huge";
 }
}

// 调用函数进行测试
myTest(7);

 

 

4.条件运算符

• 最基本的运算符是相等运算符：==。相等运算符比较两个值，如果它们是同等，返回 true，如果它们不等，返回 false。

　　　注意的是相等运算符不同于赋值运算符（=）

　　　示例： 

 1   ==  1    // true
 1   ==  2    // false
 1   == '1'   // true
 "3"  ==  3    // true

　　从后两个例子来看，为了让两个不同的数据类型（数字和字符串）的值可以作比较，它必须把一种类型转换为另一种类型。　　

function equalityTest(myVal) {
  if (myVal == 10) {
     return "Equal";
  }
  return "Not Equal";
}

• 严格相等运算符： ===  是相对于相等操作符（==）的一种操作符。与相等操作符不同的是，它会同时比较元素的值和数据类型。

　　　示例：严格相等运算符不会转换值的数据类型。

3 !== 3   // false
3 !== '3' // true
4 !== 3   // true

　　　3是一个数字类型的，而 ‘3’  是一个字符类型的，所以3不全等于'3'。

 

function myTest(val) {
  if (val === 3) { 
    return "Equal";
  }
  return "Not Equal";
}

　 

• 不相等运算符：!= 。与相等运算符是相反的。这意味着不相等运算符中，如果“不为真”并且返回 false，在相等运算符中会返回true，反之亦然。与相等运算符类似，不相等运算符在比较的时候也会转换值的数据类型。

　　　示例：与相等运算符类似，不相等运算符在比较的时候也会转换值的数据类型。

1 != 2      // true
1 != "1"    // false
1 != '1'    // false
1 != true   // false
0 != false  // false

　　　函数在当 val 不等于 99 的时候，会返回 "Not Equal"。

function myTest(val) {
  if (val != 99) {
    return "Not Equal";
  }
  return "Equal";
}

 

• 严格不相等运算符： !== 。与全等运算符是相反的。

　　  示例：

3 !== 3   // false
3 !== '3' // true
4 !== 3   // true

　　如果 val 与 17 严格不相等的时候，函数会返回 "Not Equal"。

function myTest(val) {  
  if (val !== 17) {
      return "Not Equal";
  }
  return "Equal";
}

 

• 大于运算符：> 。来比较两个数字。如果大于运算符左边的数字大于右边的数字，将会返回 true。否则，它返回 false。

　　示例：与相等运算符一样，大于运算符在比较的时候，会转换值的数据类型。

 5 > 3   // true
 7 > '3' // true
 2 > 3   // false
'1' > 9  // false

　　

• 大于等于运算符：>= 。来比较两个数字的大小。如果大于等于运算符左边的数字比右边的数字大或者相等，它会返回 true。否则，它会返回 false。

          示例：大于等于运算符在比较的时候会转换值的数据类型。

 6  >=  6  // true
 7  >= '3' // true
 2  >=  3  // false
'7' >=  9  // false

　　

• 小于运算符：< 。比较两个数字的大小。如果小于运算符左边的数字比右边的数字小，它会返回 true。否则，它会返回 false。

　　　示例：

2 < 5  // true
'3' < 7  // true
5 < 5  // false
3 < 2  // false
'8' < 4  // false

　　

• 小于或等于运算符：<= 。比较两个数字的大小。如果在小于等于运算符，左边的数字小于或者等于右边的数字，它会返回 true。否则，它会返回 false。

4 <= 5  // true
'7' <= 7  // true
5 <= 5  // true
3 <= 2  // false
'8' <= 4  // false