05.关系运算符.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /*
  10. 通过关系运算符,可以比较两个值之间的大小关系。
  11. 如果关系成立它会返回true,如果关系不成立则返回false
  12. > 大于号
  13. -判断符号左侧的值是否大于右侧的
  14. -如果关系成立,返回true,如果关系不成立则返回false
  15. >= 大于等于
  16. -判断符号左侧的值是否大于或等于右侧的值
  17. < 小于号
  18. <= 小于等于
  19. 非数值的情况
  20. -对于非数值进行比较时,会将其转换为数字然后再进行比较
  21. -符号符号两侧的值都是字符串时,不会将其转换为数字进行比较
  22. 而会分别比较字符串中字符的Unicode编码
  23. */
  24. var result = 5 > 10;//false
  25. result = 5 > 4;//true
  26. result = 5 > 5;//false
  27. result = 5 >= 5;//true
  28. result = 5 >= 4;//true
  29. result = 5 < 4;//false
  30. result = 4 <= 4;//true
  31. console.log(1>true); //false
  32. console.log(1>=true); //true
  33. console.log(1>"0"); //true
  34. console.log(10>null); //true
  35. //任何值和NaN做任何比较都是false
  36. console.log(10>"hello"); //false
  37. console.log(10<="hello"); //false
  38. console.log(true>false); //true
  39. //比较两个字符串时,比较的是字符串的字符编码
  40. console.log("1"<"5"); //true
  41. console.log("11"<"5"); //true
  42. console.log("a"<"b"); //true
  43. //比较字符编码时是一位一位进行比较
  44. //如果两位一样,则比较下一位,所以可以借用它来对英文进行排序
  45. console.log("abc"<"b"); //true
  46. console.log("bbc"<"b"); //false
  47. //比较中文时没有意义
  48. console.log("你">"我"); //false
  49. //如果比较的是两个字符串型的数字,可能会得到不可预期的结果
  50. console.log("11"<"5"); //true
  51. //注意:在比较两个字符串型的数字是,一定要转型后再比
  52. console.log(+"11"<+"5"); //false
  53. </script>
  54. </head>
  55. <body>
  56. </body>
  57. </html>