数据类型的相互转换

JavaScript中一共有5种基本数据类型：

• 字符串型（String）
• 数值型（Number）
• 布尔型（Boolean）
• undefined型（Undefined）
• null型（Null）

这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种数据类型

1、转换为String类型：toString()、String()、 拼串

方式一：调用被转换数据类型的toString()方法，该方法不会影响到原变量，它会将转换的结果返回，但是注意：null和undefined这两个值没有toString()方法，如果调用它们的方法，会报错。

var a = 123;
a = a.toString();
console.log(a);
console.log(typeof a);

方式二：调用String()函数，并将被转换的数据作为参数传递给函数，使用String()函数做强制类型转换时，对于Number和Boolean实际上就是调用的toString()方法，但是对于null和undefined，就不会调用toString()方法，它会将 null 直接转换为 “null”，将 undefined 直接转换为 “undefined”。
 

var a = 123;
a = String(a);
console.log(a);
console.log(typeof a);

方式三：为任意的数据类型 +""

var a = 123;
a = a + "";
console.log(a);
console.log(typeof a);

2、转换为Number类型：Number()、parseInt() 和parseFloat()

方式一：使用Number()函数

字符串 --> 数字
var a = "12345"-----------12345
var a = "12你好45"-----------NAN
var a = ""-----------0
布尔 --> 数字
true 转成 1
false 转成 0
null --> 数字
null 转成 0
undefined --> 数字
undefined 转成 NaN

方式二：这种方式专门用来对付字符串，parseInt() 把一个字符串转换为一个整数

var a = "123";
a = parseInt(a);
console.log(a);
console.log(typeof a);

方式三：这种方式专门用来对付字符串，parseFloat() 把一个字符串转换为一个浮点数

var a = "123.456";
a = parseFloat(a);
console.log(a);
console.log(typeof a);

3、转换为Boolean类型:Boolean()

• 使用Boolean()函数
  • 数字 —> 布尔
    • 除了0和NaN，其余的都是true
  • 字符串 —> 布尔
    • 除了空串，其余的都是true
  • null和undefined都会转换为false
  • 对象也会转换为true

4. JSON字符串转JS对象

JSON.parse()：可以将以JSON字符串转换为JS对象，它需要一个JSON字符串作为参数，会将该字符串转换为JS对象并返回

                         

var jsonStr = '{"name":"孙悟空","age":18,"gender":"男"}';
var obj = JSON.parse(jsonStr);
console.log(obj);

5.JS对象转JSON字符串

JSON.stringify()：可以将一个JS对象转换为JSON字符串，需要一个js对象作为参数，会返回一个JSON字符串

var obj = {name: "猪八戒", age: 28, gender: "男"};
var jsonStr = JSON.stringify(obj);
console.log(jsonStr);  
 //{"name":"猪八戒","age":28,"gender":"男"}

综合案例：join 数组转字符串，split 字符串转数组

var a = [1, [2, [[3, 4], 5], 6]]
var b = a.join()
//'1,2,3,4,5,6'
var c = a.join().split(‘,’);
// 输出：[1,2,3,4,5,6]