JS的显式转换与隐式转换（简明）

隐式转换

• 规则：
  • “+”号两边只要有一个是字符串，都会把另一个转成字符串
  • 除了“+”号以外的算数运算符，比如“-” “*” “/” 等都会把另一个转成字符串
• 技巧：
  • “+”号作为正号解析可以转换成数字型
  • 任何数字和字符串相加的结果都是字符串

显式转换

• Number（数据）
  • 转换成数字类型
  • 如果字符串内容里有非数字，转换失败时结果为NaN(Not a Number)
  • NaN也是number类型的数据，代表非数字
• parseint   (数据)
  • 只保留整数
• parseFloat  (数据)
  • 可以保留小数

    

    <script>
        let str = '123'
        console.log(Number(str))//123
        console.log(Number(str))//123
        console.log(Number('pink'))//NaN
        console.log(Number('12.6px'))//NaN
        console.log(Number('12.6'))//12.6
        console.log(parseInt('12px'))//12
        console.log(parseInt('12.6px'))//12
        console.log(parseInt('px12.6px'))//NaN
        console.log(parseFloat('12px'))//12
        console.log(parseFloat('12.6px'))//12.6
        console.log(parseFloat('px12.6px'))//NaN
    </script>