Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。
一、JavaScript 数据类型
在 JavaScript 中有 6 种不同的数据类型：
- string
- number
- boolean
- object
- function
- symbol
3 种对象类型：
- Object
- Date
- Array
2 个不包含任何值的数据类型：
- null
- undefined
1、typeof 操作符
你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。
typeof "John" // 返回 string typeof 3.14 // 返回 number typeof NaN // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object typeof {name:'John', age:34} // 返回 object typeof new Date() // 返回 object typeof function () {} // 返回 function typeof myCar // 返回 undefined (如果 myCar 没有声明) typeof null // 返回 object
请注意：
- NaN 的数据类型是 number
- 数组(Array)的数据类型是 object
- 日期(Date)的数据类型为 object
- null 的数据类型是 object
- 未定义变量的数据类型为 undefined
注意：如果对象是 JavaScript 数组或 JavaScript 日期 ，我们就无法通过 typeof 来判断他们的类型，因为都是 返回 object。可以选择使用另一个关键语法 instanceof。
arr = [1,2,3]; if(arr instanceof Array){ document.write("arr 是一个数组"); } else { document.write("arr 不是一个数组"); }
我们可以使用 typeof 来获取一个变量是否存在，如 if(typeof a!="undefined"){}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错。
2、constructor 属性
constructor 属性返回所有 JavaScript 变量的构造函数。
"John".constructor // 返回函数 String() { [native code] } (3.14).constructor // 返回函数 Number() { [native code] } false.constructor // 返回函数 Boolean() { [native code] } [1,2,3,4].constructor // 返回函数 Array() { [native code] } {name:'John', age:34}.constructor // 返回函数 Object() { [native code] } new Date().constructor // 返回函数 Date() { [native code] } function () {}.constructor // 返回函数 Function(){ [native code] }
也可以使用 constructor 属性来查看对象是否为数组 (包含字符串 "Array"):
function isArray(myArray) { return myArray.constructor.toString().indexOf("Array") > -1; }
也可以使用 constructor 属性来查看对象是否为日期 (包含字符串 "Date"):
function isDate(myDate) { return myDate.constructor.toString().indexOf("Date") > -1; }
二、强制类型转换
1、String() :转换成字符串
1、将数字转换为字符串
全局方法 String() 可以将数字转换为字符串。
该方法可用于任何类型的数字，字母，变量，表达式：
String(x) // 将变量 x 转换为字符串并返回 String(123) // 将数字 123 转换为字符串并返回 String(100 + 23) // 将数字表达式转换为字符串并返回
Number 方法 toString() 也是有同样的效果。
x.toString() (123).toString() (100 + 23).toString()
在 Number 方法 章节中，你可以找到更多数字转换为字符串的方法：
- toExponential():把对象的值转换为指数计数法。
- toFixed():把数字转换为字符串，结果的小数点后有指定位数的数字。
- toPrecision():把数字格式化为指定的长度。
2、将布尔值转换为字符串
全局方法 String() 可以将布尔值转换为字符串。
String(false) // 返回 "false" String(true) // 返回 "true"
Boolean 方法 toString() 也有相同的效果。
false.toString() // 返回 "false" true.toString() // 返回 "true"
3、将日期转换为字符串
Date() 返回字符串。
Date() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
全局方法 String() 可以将日期对象转换为字符串。
String(new Date()) // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
Date 方法 toString() 也有相同的效果。
obj = new Date() obj.toString() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
在 Date 方法 章节中，你可以查看更多关于日期转换为字符串的函数：
- getDate():从 Date 对象返回一个月中的某一天 (1 ~ 31)。
- getDay():从 Date 对象返回一周中的某一天 (0 ~ 6)。
- getFullYear():从 Date 对象以四位数字返回年份。
- getHours():返回 Date 对象的小时 (0 ~ 23)。
- getMilliseconds():返回 Date 对象的毫秒(0 ~ 999)。
- getMinutes():返回 Date 对象的分钟 (0 ~ 59)。
- getMonth():从 Date 对象返回月份 (0 ~ 11)。
- getSeconds():返回 Date 对象的秒数 (0 ~ 59)。
- getTime():返回 1970 年 1 月 1 日至今的毫秒数。
日期类型转化为格式化的字符串：
//完整的格式化 var time2 = new Date().format("yyyy-MM-dd hh:mm:ss"); Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; //处理年份 var reYear = /(y+)/; var resultYear = reYear.exec(fmt); if (resultYear) { var yearformatPart = resultYear[0];//匹配到的格式化字符 var yearVal = (this.getFullYear() + "").substr(4 - yearformatPart.length); fmt = fmt.replace(yearformatPart, yearVal); } for (var k in o) { var re = new RegExp("(" + k + ")"); var re = re.exec(fmt); if (re) { var Val = "" + o[k];//本次需要替换的数据 var formatPart = re[0];//匹配到的格式化字符 var replaceVal = (formatPart.length == 1) ? (Val) : (("00" + Val).substr(Val.length)); fmt = fmt.replace(formatPart, replaceVal); } } return fmt; }
2、Number(）：转换为数字
1、将字符串转换为数字
全局方法 Number() 可以将字符串转换为数字。
字符串包含数字(如 "3.14") 转换为数字 (如 3.14).
空字符串转换为 0。
其他的字符串会转换为 NaN (不是个数字)。
Number("3.14") // 返回 3.14
Number(" ") // 返回 0
Number("") // 返回 0
Number("99 88") // 返回 NaN在 Number 方法 章节中，你可以查看到更多关于字符串转为数字的方法：
- parseFloat():解析一个字符串，并返回一个浮点数。
- parseInt()：解析一个字符串，并返回一个整数。
Operator + 可用于将变量转换为数字：
var y = "5"; // y 是一个字符串 var x = + y; // x 是一个数字
如果变量不能转换，它仍然会是一个数字，但值为 NaN (不是一个数字):
var y = "John"; // y 是一个字符串 var x = + y; // x 是一个数字 (NaN)
2、将布尔值转换为数字
全局方法 Number() 可将布尔值转换为数字。
Number(false) // 返回 0 Number(true) // 返回 1
3、将日期转换为数字
全局方法 Number() 可将日期转换为数字。
d = new Date(); Number(d) // 返回 1404568027739
日期方法 getTime() 也有相同的效果。
d = new Date(); d.getTime() // 返回 1404568027739
3、new Date(）：转换为数字
字符串转成日期
var str = "2019-12-25"; // 转换日期格式 str = str.replace(/-/g, '/'); // "2010/08/01"; // 创建日期对象 var date = new Date(str);
三、自动转换类型
当 JavaScript 尝试操作一个 "错误" 的数据类型时，会自动转换为 "正确" 的数据类型。
以下输出结果不是你所期望的：
5 + null // 返回 5 null 转换为 0 "5" + null // 返回"5null" null 转换为 "null" "5" + 1 // 返回 "51" 1 转换为 "1" "5" - 1 // 返回 4 "5" 转换为 5
当你尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法：
document.getElementById("demo").innerHTML = myVar;
myVar = {name:"Fjohn"} // toString 转换为 "[object Object]"
myVar = [1,2,3,4] // toString 转换为 "1,2,3,4"
myVar = new Date() // toString 转换为 "Fri Jul 18 2014 09:08:55 GMT+0200"数字和布尔值也经常相互转换：
myVar = 123 // toString 转换为 "123" myVar = true // toString 转换为 "true" myVar = false // toString 转换为 "false"
四、数值提取函数
1：parseInt()
处理整数的时候parseInt()更常用。parseInt()函数在转换字符串时，会忽略字符串前面的空格，知道找到第一个非空格字符。
如果第一个字符不是数字或者负号，parseInt() 就会返回NaN，同样的，用parseInt() 转换空字符串也会返回NaN。
如果第一个字符是数字字符，parseInt() 会继续解析第二个字符，直到解析完所有后续字符串或者遇到了一个非数字字符。
parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。
基是由parseInt()方法的第二个参数指定的，所以要解析十六进制的值，当然，对二进制、八进制，甚至十进制（默认模式），都可以这样调用parseInt()方法。
var num1 = parseInt("AF",16); //175 var num2 = parseInt("AF"); //NaN var num3 = parseInt("10",2); //2 (按照二进制解析) var num4 = parseInt("sdasdad"); //NaN
2：parseFloat()
与parseInt() 函数类似，parseFloat() 也是从第一个字符（位置0）开始解析每一个字符。也是一直解析到字符串末尾，或者解析到遇见一个无效的浮点数字字符为止。
也就是说，字符串中第一个小数点是有效的，而第二个小数点就是无效的了，它后面的字符串将被忽略。
parseFloat() 只解析十进制，因此它没有第二个参数指定基数的用法
如果字符串中包含的是一个可解析为正数的数（没有小数点，或者小数点后都是零），parseFloat() 会返回整数。
var num1 = parseFloat("123AF"); //123 var num2 = parseFloat("0xA"); //0 var num3 = parseFloat("22.5"); //22.5 var num4 = parseFloat("22.3.56"); //22.3 var num5 = parseFloat("0908.5"); //908.5
parseInt() 和parseFloat() 的区别在于：
- parseFloat() 所解析的字符串中第一个小数点是有效的，而parseInt() 遇到小数点会停止解析，因为小数点并不是有效的数字字符。
- parseFloat() 始终会忽略前导的零，十六进制格式的字符串始终会被转换成0，而parseInt() 第二个参数可以设置基数，按照这个基数的进制来转换。
五、isNaN()和isFinite()
1.isNaN(x)
isNaN(x) 函数用于检查其参数(x)是否是非数字值。
可以记忆为 is not a number 通过这个可以得到 如果参数x不是数字返回true、数字就返回false。
提示 ： isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果，以判断它们表示的是否是合法的数字。 也可以用 isNaN() 函数来检测算数错误，比如用 0 作除数的情况。
isNaN(123) ---> false isNaN(-1.23) ---> false isNaN(5-2) ---> false isNaN(0) ---> false isNaN("Hello") ---> true isNaN("2005/12/12") ---> true isNaN(0/0)) ---> true
2.isFinite(number)
isFinite() 函数用于检查其参数是否是有限大。
如果 number 是有限数字（或可转换为有限数字），那么返回 true。否则，如果 number 是 NaN（非数字），或者是正、负无穷大的数，则返回 false。
isFinite(123) ---> true isFinite(-1.23) ---> true isFinite(5-2) ---> true isFinite(0) ---> true isFinite("Hello") ---> false isFinite("2005/12/12") ---> false isFinite(0/0)) ---> false
isNaN 值为false的数据一共有6个：0， NaN，’’, false, undefined, null，这六个值转化成数字值是NaN有两个：NaN， undefined。剩下四个都是0