1、强制转换

1-1.any转number

  • 通过关键字Number(value)强制转换为数字
  • 非数字字符串转换为NaN:not a number
  • 空字符串和空格字符都会转化为0

    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. var str2 = "12px";
    12. var str3 = ""
    13. console.log(str);
    14. console.log(num);
    15. console.log(typeof num);
    16. /*
    17. true --> 1
    18. false --> 0
    19. */
    20. console.log(Number(t));
    21. console.log(Number(f));
    22. // 输出NaN not a number
    23. console.log(Number(str2));
    24. // 强制转换空字符串和空格字符串都会转化为0
    25. console.log(Number(str3));
    26. console.log(Number(" "));
    27. </script>

    1-2.any转Boolean

  • 通过Boolean()强制转换为布尔型

  • string只有””空字符为false,其他都为true
  • number只有0为false,其他都为true

    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. /* number转换为boolean只有0为false */
    10. var a = 10;
    11. var b = 0;
    12. var c = -1;
    13. console.log(Boolean(str));
    14. console.log(Boolean(num));
    15. console.log(Boolean(""));
    16. console.log(Boolean(" "));
    17. console.log(Boolean(a));
    18. console.log(Boolean(b));
    19. console.log(Boolean(c));
    20. </script>

    1-3.any转String

  • 通过三种方法:

  • 1.String()
  • 2.toString()
  • 任何类型+””

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

    1-4.String转number

  • 当遇到不是纯数字的String时,通过:

  • parseInt()将字符中的数字提取出来转为整型
  • parseFloat()将字符中的数字提取出来转为浮点型
    1. <script>
    2. var str = "12px";
    3. var s = "12.34px";
    4. /* parseInt将字符中的数字提取出来转为整型 */
    5. /* parseFloat将字符中的数字提取出来转为浮点型 */
    6. console.log(parseInt(str));
    7. console.log(parseInt(s));
    8. console.log(parseFloat(s));
    9. console.log(Number("12.343"))
    10. </script>