js中数据类型的转换

在js中数据类型转换只有3种，转换的话分强制转换和自动转换，下面我来分别介绍下

1.转换为String类型

一.强制转换

1.Number类型和Boolean转string类型（调用toString()方法）

var a = 10,
    b = true;
    a.toString();//'10'
    b.toString();//'false'
    a.toString('2');//'1010'
    a.toString('8');//'12'
    a.toString('16');//'a'

采用 Number 类型的 toString() 方法的基模式，可以用不同的参数输出数字，例如二进制的参数是 2，八进制的参数是 8，十六进制的参数是 16！
2.null和underfined转string类型

var a = null,
    b = undefined;
    a.toString();//报错
    b.toString();//报错
    String(a);//null
    String(b);//underfined

null和underfined没有toString()方法所以会报错，它只能调用String()方法转成对应的字符串！
2.Object转string类型

var a = {p:1},
    b = [1,3,4];
    a.toString();//"[object Object]"
    b.toString();//"1,3,4"
    String(a);//"[object Object]"
    String(b);//"1,3,4"

2种结果都是一样的，所以可以总结一下，toString()可以将所有的的数据都转换为字符串，但是要排除null 和 undefined！

二.自动转换

如果是字符串和任意类型相加的话，都会转成字符串类型然后拼接

console.log("2"+1);//"21"
console.log("2"+"1");//"21"
console.log("2"+null);//"2null"
console.log("2"+undefined);//"2underfined"
console.log("2"+{p:1});//"2[object Object]"
console.log("2"+[1,2,3]);//"21,2,3"
console.log("2"+function(){});//"2function(){}"
console.log("2"+true);//'2true'

2.转换为Boolean类型

一.强制转换

它的转换比较简单，你只要记住，除了“” “”，null,underfined,+0,-0,NaN转换为false,其他的转换都是true!

console.log(Boolean(null));//false
console.log(Boolean(undefined));//false
console.log(Boolean(NaN));//false
console.log(Boolean(""));//false
console.log(Boolean(+0));//false
console.log(Boolean(-0));//false
console.log(Boolean({}));//true
console.log(Boolean([]));//true
console.log(Boolean(new Boolean(false)));//true

二.自动转换

1.当有if和elseif语句，会自动调用Boolean函数将其自动转换成布尔值!

var a =10;
if (a) {
    //....
}

2.当有逻辑运算符！或者！！情况下会自动转成布尔值！，！会先转成布尔值再取反，！！会先转成布尔值再取二次反,其实原理和调用Boolean函数一样

var a =10;
if (!a) {
    //....
};
if (!!a) {
    //....
}

3.转换为Number类型

一.强制转换

1.Number()函数

console.log(Number(123));//123
console.log(Number("123"));//123
console.log(Number("123abc"));//NaN
console.log(Number(null));//0
console.log(Number(undefined));//NaN
console.log(Number(""));//0
console.log(Number({p:1}));//NaN
console.log(Number([1,2,3]));//NaN
console.log(Number([1]));//1
console.log(Number(true));//1
console.log(Number(false));//0

可以得出结论：纯数字或者纯数字的字符串不用说了，如果有不是数字的字符串，对象除了单数字数组，underfined，NaN转完都是NaN，其他的可以先转成布尔值，true就是1，false是0！

2.parseInt()函数 和parseFloat()函数

console.log(parseInt(123));//123
console.log(parseInt("123"));//123
console.log(parseInt("123abc"));//123
console.log(parseInt("abc123"));//NaN
console.log(parseInt(""));//NaN
console.log(parseFloat("1.23"));//1.23
console.log(parseFloat("1.23abc"));//1.23
console.log(parseFloat("abc1.23"));//NaN
console.log(parseFloat(""));//NaN

可以得出结论:这两个函数只要首位不是数组都是NaN，Numer函数还是比它们严格多了，只要有一个字符无法转成数值，整个字符串就会被转为NaN，对于空字符串处理也不一样，Numer函数返回的是0！
parseInt()第二个参数和Number()函数原理类似，都是转换成对应的进制值，这里就不说了！

二.自动转换

1.字符串类型除了加，其他类型加减乘除都会自动转换成对应的数字类型！

console.log(1+true);//2
console.log(1-true);//0
console.log(1*null);//0
console.log("1"*2);//2
console.log(false / 1);//0
console.log("abc" / 1);//NaN
console.log(1*[]);//0

2.一元运算符
一元运算符有+，++，-，–等

var a =true;
    b=[];
console.log(+a);//1
console.log(-a);//-1
console.log(++a);//2
console.log(+b);//0
console.log(-b);//-0
console.log(++b);//1

一个+的话表示直接转换成数字类型，二个+的话表示直接转换成数字类型再加1，一个-表示转换成数字类型后加个负号，当然-0还是等于0，二个-的话表示直接转换成数字类型再减1！