数据类型转换!!!!!

1、说到数据类型转换，首先要介绍一下有哪些数据类型？

（1）基本数据类型：指简单的数据类型。有五种，分别是：

• 数字 → Number                特殊：NaN 表示Not a Number，不是一个数字。但却是Number类型。

• 字符串 → String

• 布尔 → Boolean

• 未定义 → Undefined

• 空 → Null

（2）引用数据类型（复杂数据类型） 有多种，比如：　

• 数组 → Array

• 日期 → Date

• 对象 → Object

• ...

2、数据类型转换

（1）强制转换：就是手动的通过转换工具将一个数据转换成另一种类型的数据。

　① 其他数据类型转换数字 Number

• Number(其他数据)；

 

//数值字符串转数字
var result1 = Number('123');
console.log(result1);//123
console.log(typeof(result1)); //number

//非数值字符串转数字
var result2 = Number('abc');
console.log(result2); //NaN,'abc'整体不是数值，转换不了正常的数字。
console.log(typeof(result2)); //number

//非数值字符串转数字
var result3 = Number('12abc');
console.log(result2); //NaN,'12abc'不是数值，转换不了正常的数字
console.log(typeof(result2)); //number

//布尔值转数字
var result4 = Number(true);  
var result5 = Number(false); 
console.log(result4)  //1
console.log(result5)  //0

//undefined 转数字
var result6 = Number(undefined);
console.log(result6); //NaN

//null 转数字
var result7 = Number(null);
console.log(result7); //0

 

•  parseInt(其他数据);

//与Number工具不同是，parseInt能将正常的字符串数值转换为整数

//数值字符串转数字
var result1 = parseInt('123.34');
console.log(result1);//123
console.log(typeof(result1)); //number

//非数值字符串转数字
var result2 = parseInt('abc');
console.log(result2); //NaN,'abc'整体不是数值，转换不了正常的数字。
console.log(typeof(result2)); //number

//非数值字符串转数字
var result3 = parseInt('12abc');
console.log(result2); //12,会把最前面的数字提取出来
console.log(typeof(result2)); //number

//布尔值转数字
var result4 = parseInt(true);  
var result5 = parseInt(false); 
console.log(result4)  //NaN
console.log(result5)  //NaN

//undefined 转数字
var result6 = parseInt(undefined);
console.log(result6); //NaN

//null 转数字
var result7 = parseInt(null);
console.log(result7); //NaN

• parseFloat(其他数据); 
• 与parseInt不同的是，可以将正常的小数字符串数值转换成数字类型的小数，其他情况都和parseInt相同。

var result1 = parseFloat('3.14');
console.log(result1); //3.14
console.log(typeof(result1)); //number

注意事项：①Number 可以将true和false 转换成1、0   但是parseInt 和parseFloat 将true和false 转换成 NaN

　　　　　②Number 可以将null转换成0 ，parseInt 和parseFloat 将null转换成 NaN

②其他类型数据转字符串 String

所有的数据在转换成字符串时，其实就是在其他数据两边加上双引号或单引号

• 变量名.toString();

//数字转字符串
var num = 123;
var result1 = num.toString();
console.log(result1); //"123";

//布尔值转字符串
var flag = true;
var flag2 = false;
console.log(flag.toString()); //"true"
console.log(flag2.toString());//"false"

//在使用变量.toString()方法时，变量的值不能为undefined和null，否则会报错
var a = null;
a.toString(); //报错

注意：在使用变量.toString()方法时，变量的值不能为undefined和null，否则会报错

• String（其他数据）

var result1 = String(123); //'123';
var result2 = String(true); //'true';
var result3 = String(NaN); //'NaN';

③其他数据类型转布尔 Boolean

注意：null、undefined、0、NaN、'' 转换为boolean结果为false,其他的数据转换的结果为true

Boolean(null); //false
Boolean(''); //false
//其他略

Boolean('我'); //true
Boolean(123); //true

（2）隐式转换 【重要】

　　什么叫做隐式转换？

• 隐式转换，也被称为自动转换。就是在程序运行过程中，不需要我们手动转换，数据会根据运算情况自动的转换为其他类型的数据

①其他数据转数字 Number

在做算术运算时（除了和字符串做相加运算外），其他非数字类型的数据会自动的转换为Number类型的数据。
就相当于悄悄的，看不见的用Number(其他数据)转换为数字。
任何数据和NaN做运算（除了和字符串做相加运算外），结果始终都是NaN。

var result1 = '2' - 1; //字符串 '2' 自动转换为数字 2
console.log(result1); // 1;

var result2 = '3a' - 1;  //字符串 '3a' 自动转换为数字 NaN
console.log(result2); // NaN

②其他数据转字符串 String

任何数据和字符串做相加运算时，其他非字符串数据会自动的转换为String类型的数据。
就相当于悄悄的，看不见的用String(其他数据)转换为字符串。

var result1 = true + '我'; // 布尔值 true 自动转换为字符串 'true'
console.log(result1); // 'true我'

③其他数据转布尔 Boolean

在取反、选择语句 和 循环语句中的条件表达式中，其他数据会自动的转换为布尔值。
就相当于悄悄的，看不见的用Boolean(其他数据)转换为布尔值。

console.log(!1);  //false ; 数字1 转换为boolean值为 true,对true取反就是false
consoel.log(!(1>=2)); //true