1-1

  1. <script>
  2. /* number,string,boolean */
  3. /* 强制转换
  4. string,boolean -- number
  5. Number(value);
  6. */
  7. var str = "123";
  8. var num = Number(str);
  9. var t = true;
  10. var f = false;
  11. console.log(str)
  12. console.log(num)
  13. console.log(typeof num)
  14. /*
  15. true -->1
  16. false -->0
  17. */
  18. console.log(Number(t));
  19. console.log(Number(f))
  20. </script>

1-2

  1. <script>
  2. /* tips:Number方法针对string类型,只能识别纯数字的字符串,""," " */
  3. /* string,boolean-->number */
  4. var str = "12px";
  5. console.log(Number("12px")) //NaN 不是一个数字
  6. /* ""," " -->0 */
  7. var s="";
  8. console.log(Number(s));
  9. console.log(Number(" "))
  10. console.log(Number(" 13"))
  11. </script>

1-3

  1. <script>
  2. /*
  3. string,number--boolean
  4. Boolean();
  5. */
  6. /* tips:string-->boolean 只有""为false,其他都为true */
  7. var str = "hello world";
  8. var num = "12";
  9. console.log(Boolean(str))
  10. console.log(Boolean(num))
  11. console.log(Boolean(""))
  12. console.log(Boolean(" "))
  13. </script>

1-4

  1. <script>
  2. /* number-->boolean Boolean() */
  3. /* tips:number转换成boolean只有0为false */
  4. var a = 10;
  5. var b = 0;
  6. var c = -1;
  7. console.log(Boolean(a))
  8. console.log(Boolean(b))
  9. console.log(Boolean(c))
  10. </script>

1-5

  1. <script>
  2. /* number,boolean string
  3. String()
  4. toString()
  5. */
  6. var num = 10;
  7. var t = true;
  8. console.log(String(num))
  9. console.log(String(t))
  10. console.log(num.toString())
  11. </script>

1-6

  1. <script>
  2. var str = "12px";
  3. var s = "12.34px";
  4. /*
  5. Number();
  6. parseInt
  7. parseFloat
  8. 将string-->number有以上三个方法
  9. */
  10. console.log(parseInt(str))
  11. console.log(parseInt(s))
  12. console.log(parseFloat(s))
  13. console.log(Number("12.343"))
  14. </script>

1-7

  1. <script>
  2. /*
  3. String();
  4. toString();
  5. */
  6. var a =10;
  7. var str = a +"";
  8. console.log(typeof str);
  9. </script>

1-8

  1. <script>
  2. /* 自动转换一般发生在运算中 */
  3. /*
  4. 1、算术运算 +,-,*,/,%
  5. 在算术运算中,先使用Nubmer方法将两边的值转为number,再计算
  6. tips: 特殊情况+,只要有一边为字符串,那么结果一定是字符串,+起拼接符的作用
  7. */
  8. var a = 10;
  9. var b = "20";
  10. var c=true;
  11. // console.log(Number(b)-10)
  12. console.log(b-a);
  13. // Number(b)-Number(c);
  14. console.log(b-c);
  15. console.log(a+b);
  16. </script>

1-9

  1. <script>
  2. var a = "10";
  3. var b = true;
  4. var c = 1;
  5. console.log(a+c-b);
  6. console.log(a-c+b);
  7. </script>

1-10

  1. <script>
  2. var a ="21";
  3. var b = 4;
  4. console.log(a+b-true+"3");
  5. console.log(a-b+true-"false");
  6. /*
  7. 18-"false"
  8. 18-Number("false")
  9. 18-NaN
  10. Tips:NaN和任何值计算,结果一定是NaN
  11. */
  12. var c = "false";
  13. console.log(a-b+Boolean(c));
  14. </script>

1-11

  1. <script>
  2. var a = "10";
  3. var b = true;
  4. var c = 1;
  5. console.log(a+b+c);
  6. /* "10true1" */
  7. console.log(a+c-b);
  8. /* 100 */
  9. </script>

1-12

  1. <script>
  2. console.log("9"-8+"false")
  3. console.log("9"-true-"false");
  4. console.log("10"-true+"hello");
  5. console.log(""-"9"+true-12);
  6. var a = 10;
  7. var b = "true";
  8. var c = "5";
  9. var sum = a++ -c+b;
  10. console.log(sum);
  11. console.log(++a-c-b);
  12. console.log(1-10*"5"+true);
  13. console.log((2-"6")*3-false+true);
  14. </script>

1-13

  1. <script>
  2. var b="12"-Boolean('')+true+1;
  3. console.log(b);
  4. var c="10"+1-Boolean("good")+"";
  5. var d="1"+true-false;
  6. console.log(d);
  7. var f=10-""+Boolean("good")-Boolean("world");
  8. console.log(f);
  9. var g="10"-Boolean(" ")+"1"-true; ---(" ")----true
  10. console.log(g);
  11. </script>