JavaScript之数据类型转换

字面量、变量、标识符

注：标识符一般都要采用大小驼峰的写法，小驼峰：helloWold 大驼峰：HelloWord

JS中的6种数据类型

基本数据类型

String （字符串类型）

Number（数值类型）

Boolean（布尔类型（true/false））

Null（空值类型）

Undifined（未定义类型）

引用数据数据类型

object（对象类型）

注：typeof可以检测一个变量的类型

强制类型转换（显示转换）

1、转换为number

2、转换为string

3、转换为boolean

自动类型转换（隐式迭代）

1、转换为numbe 

   (1) 使用Number()

   如果内容可以转成数字，则返回对应的数字（整数或小数）

   如果内容不可以转换为数字，则返回NaN（非数字）

   如果内容为空，则返回0

 <script>
    // 转换为number
    var nb = "1234";
    nb = Number(nb)
    console.log(nb); //1234
    console.log(typeof nb);  // number typeof检测类型
    var nb1 = "12ab3c";
    nb1 = Number(nb1) 
    console.log(nb1);  // NaN 非数字
    console.log(typeof nb1); // number
  </script>

---

 (2) 使用parseInt()

    将内容转换为整数（直接去掉小数）

 (3) 使用parseFloat()

    将内容转换为小数

 <script>
    var par = 32.24;
    par = parseInt(par);
    console.log(par); // 32
    var par1 = "3C2.24";
    par1 = parseInt(par1);
    console.log(par1); //3  第一个字符开始解析，直到遇到非数字，并返回已解析部分的数值

    par2 = "32.24a";
    par2 = parseFloat(par2);
    console.log(par2); // 32.24
  </script>

注：parseInt和pareFloat会从第一个字符开始解析，直到遇到非数字，并返回已解析部分的数值

2、转换为String()

  拼接字符串

  要转转的内容 + ""

（1）使用String()

  要将转换的内容放在String后的小括号里

（2）使用toString()

  直接调用变量的toString()方法

  <script type="text/javascript">
    var str = 567;

    //拼接空字符串
    console.log(str + ""); // 567
    console.log(typeof (str + "")); // string

    //String()
    console.log(String(str)); //567
    console.log(typeof String(str)); // string

    //toString()
    console.log(str.toString()); // 567
    console.log(typeof (str.toString())); // string
  </script>

 3、装换为boolean

  使用Boolean()

  注：false、0、NaN、Undefined、""空字符串 都会被转为false

  其它的都会转为true(任何非空字符都会转换为true)

（boolean值在在内存中true用1表示，false用0表示）

 <script type="text/javascript">
    var boo = false;
    console.log(Boolean(boo))  // false
    var boo = 0;
    console.log(Boolean(boo)) // false
    var boo= NaN;
    console.log(Boolean(boo)) // false
    var boo;
    console.log(Boolean(boo)) // false
    var boo= "";
    console.log(Boolean(boo)) // false
    var boo= 12;
    console.log(Boolean(boo))  // true
    var boo= "hello";
    console.log(Boolean(boo))  //true
</script>

 

 4、隐式迭代转为number

可以使用

-，*，/，%，>，<

 等字符串转换成number

或者

直接在要转换的内容前面上“+”

<script type="text/javascript">
    var a = "12"
    console.log(typeof b) // undefined
    var b = +a
    console.log(typeof b)  // number
    var b = a * 2;
    console.log(typeof b) // number
    var b = a / 2;
    console.log(typeof b) // number
    var b = a % 2;
    console.log(typeof b) // number
  </script>