JS 类型转换

2021-09-30 13:56:10

JavaScript 类型转换

Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值。

JavaScript 数据类型

JS 中有 6 种不同的数据类型：

string
number
boolean
object
function
symbol

3中对象类型：

Object
Date
Array

2个不包含任何值的数据类型：

null
undefined

typeof 操作符

console.log(typeof "John" ) 　　 // 返回 string
console.log(typeof 3.14)　　　　 // 返回 number
console.log( typeof NaN) 　　　　// 返回 number
console.log(typeof false) 　　　　// 返回 boolean
console.log(typeof [1,2,3,4] )　 // 返回 object
console.log(typeof {name:‘John‘, age:34})　　 // 返回 object
console.log(typeof new Date())　　　　 // 返回 object
console.log(typeof function () {}) 　　 // 返回 function
console.log(typeof myCar) 　　// 返回 undefined (如果 myCar 没有声明)
console.log(typeof null)　　 // 返回 object

注：

NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型是 object
null 的数据类型是 object
未定义变量的数据类型为 undefined

如果对象是 JavaScript Array 或 JavaScript Date ，我们就无法通过 typeof 来判断他们的类型，因为都是返回 object。

constructor(构造函数) 属性

constructor 属性返回所有 JavaScript 变量的构造函数。

console.log("John".constructor)　　 // 返回函数 String() { [native code] }
console.log((3.14).constructor) 　　// 返回函数 Number() { [native code] }
console.log(false.constructor)　　 // 返回函数 Boolean() { [native code] }
console.log([1,2,3,4].constructor)　　// 返回函数 Array() { [native code] }
console.log({name:‘John‘, age:34}.constructor)　　// 返回函数 Object() { [native code] }
console.log(new Date().constructor)　　 // 返回函数 Date() { [native code] }
console.log(function () {}.constructor)　　 // 返回函数 Function(){ [native code] }

可以使用 constructor 属性来查看对象是否为数组 (包含字符串 "Array"):

let arr = [1, 2, 3, 4];
console.log(myFunction(arr))
function myFunction(a) {
return a.constructor.toString().indexOf("Array") > 1
}
// indexOf 查找字符或者子串第一次出现的地方

可以使用 constructor 属性来查看对象是否为日期 (包含字符串 "Date"):

let date = new Date();
console.log(myFunction(date))
function myFunction(a) {
return a.constructor.toString().indexOf("Date") > 1
}
// indexOf 查找字符或者子串第一次出现的地方

将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。

该方法可用于任何类型的数字，字母，变量，表达式：

let x = 456;　　//number类型
console.log(String(x)) 　　　　　　// 将变量 x 转换为字符串并返回
console.log(String(123))　　　　 // 将数字 123 转换为字符串并返回
console.log(String(100 + 23)) 　　// 将数字表达式转换为字符串并返回

let date = new Date()
console.log(String(false))　　　　// 返回 "false"
console.log(String(true))　　　　// 返回 "true"
console.log(String(date))　　　　// 返回当前日期
console.log(String(new Date))　　// 返回当前日期

Number 方法 toString() 也是有同样的效果。

let x = 456;　　//number类型
console.log(x.toString()) 　　　　　　 // 将变量 x 转换为字符串并返回
console.log((123).toString()) 　　　　// 将数字 123 转换为字符串并返回
console.log((100 + 23).toString())　 // 将数字表达式转换为字符串并返回

let date = new Date()
console.log(false.toString())　　// 返回 "false"
console.log(true.toString())　　// 返回 "true"
console.log(date.toString())　　// 返回当前日期

将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

字符串包含数字(如 "3.14") 转换为数字 (如 3.14).

空字符串转换为 0。

其他的字符串会转换为 NaN (不是个数字)。

console.log(Number("3.14")) 　　//返回 3.14
console.log(Number(" ")) 　　　　// 返回 0
console.log(Number("")) 　　　　// 返回 0
console.log(Number("99 88"))　 // 返回 NaN

console.log(false) 　　　　//返回false 　布尔值转换为数字
console.log(true) 　　　　//返回true　　布尔值转换为数字

let d = new Date;
console.log(Number(d)) 　　// 返回当前时间戳日期转换为数字

日期方法 getTime() 也有相同的效果。

let d = new Date;
console.log(d.getTime())　　// 返回当前时间戳日期转换为数字

下表展示了使用不同的数值转换为数字(Number), 字符串(String), 布尔值(Boolean):