09.运算符.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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. 通过运算符可以对一个或多个值进行运算,并获取运算结果
  12. 比如:typeof就是运算符,可以获得一个值的类型
  13. 它会将该值的类型以字符串的形式返回
  14. 算术运算符
  15. 当对非Number类型的值进行运算时,会先将这些值转换为Number类型,然后再进行运算
  16. 任何值和NaN做运算,结果都为NaN
  17. + 可以对两个值进行加法运算,并将结果返回
  18. 如果对两个字符串进行加法运算,则会做拼串操作
  19. 会将两个字符串拼接为一个字符串,并返回
  20. 任何值和字符串做加法运算,都会先转换为字符串,然后再喝字符串做拼串的操作
  21. -
  22. 可以对两个值进行减法运算,并将结果返回
  23. 当对非Number类型的值进行减法运算时,会先将这些值转换为Number类型,然后再进行运算
  24. *
  25. 可以对两个值进行乘法运算
  26. /
  27. 可以对两个值进行除法运算
  28. %
  29. 取模运算(取余数)
  30. */
  31. // var a=123;
  32. // var result=typeof a;
  33. // console.log(result);
  34. // console.log(typeof a);
  35. var a=123;
  36. result=a+1;
  37. result = true+1;//结果为2
  38. result = true+false;//结果为1
  39. result = 2+null;//结果为2
  40. result = 2+NaN;//结果为NaN
  41. result = "123"+"456";//结果为123456
  42. // console.log(result);
  43. //双引号必须在同一行,不能进行换行,否则会报错,但是+号可以换行
  44. var str = "锄禾日当午,"+
  45. "汗滴禾下土,"+
  46. "谁知盘中餐,"+
  47. "粒粒皆辛苦";
  48. // console.log(str);
  49. result = 123+"1";//结果为1231
  50. result = true + "hello";//结果为truehello
  51. // console.log(result);
  52. // 任意值和字符串相加都会转换为字符串,并做拼串操作
  53. /*
  54. * 我们可以利用这一特点,来将一个任意的数据类型转换为String
  55. * 我们只需要为任意的数据类型+一个""(空串)即可将其转换为String
  56. * 这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数
  57. */
  58. var c = 123;
  59. c = c + "";
  60. // c=null;
  61. // c=c+"";
  62. // console.log(typeof c);//类型为字符串
  63. // console.log(c);//输出结果为123
  64. // console.log("c="+c);//输出结果为c=123
  65. result = 1 + 2 + "3";//结果为33
  66. result = "1" + 2 + 3;//结果为123
  67. console.log(result);
  68. result = 100 - 5;//结果为95
  69. result = 100 - true;//结果为99
  70. result = 100 - "1";//结果为99
  71. result = 100 - null;//结果为100
  72. result = 100 - NaN;//结果为NaN
  73. console.log(result);
  74. result = 2 * 2;//结果为4
  75. result = 2 * "8";//结果为16
  76. result = 2 * undefined;//结果为NaN
  77. result = 2 * null;//结果为0
  78. result = 4 / 2;//结果为2
  79. result = 3 / 2;//结果为1.5
  80. console.log(result);
  81. /**
  82. * 任何值- * /运算时都会自动转换为Number
  83. * 可以利用这一特点做隐式的类型转换
  84. * 可以通过一个值-0 *1 /1来将其转换为Number
  85. * 原理和Number()函数一样,使用起来更加简单
  86. */
  87. var d = "123";
  88. d = d - 0;//
  89. console.log(typeof d);
  90. console.log(d);
  91. result = 9 % 3;//结果为0
  92. result = 9 % 4;//结果为1
  93. result = 9 % 5;//结果为4
  94. console.log(result);
  95. </script>
  96. </head>
  97. <body>
  98. </body>
  99. </html>