JavaScript类型转换最全攻略以及属性

JavaScript类型转换

-1.1数值 === > 字符串

• 全局方法 String()能够把数字转换为字符串，它可以用于任何类型的数字，文字，变量或者表达式

String(x)   //数值变量x 返回字符串
String(234) 
String(100+12)

• 数字方法toString() 同理

x.toString() 

-1.2字符串 === > 数值

• 全局方法Number()可把字符串转为数字

Number("3.13")  //返回3.13
Number("89 90")  //返回NaN
Number("")  //返回 0

parseFloat() 解析字符串并返回浮点数。
parseInt() 解析字符串并返回整数。

-1.3一元 + 运算符可用于把变量转换为数字

• 例如 ：

var y = "5"
var x = + y; //x是数字

• 如果无法转换变量，则仍会成为数字，但是值为NaN

-2.1布尔 === > 字符串

• 全局方法String()

String(false)  //返回 "false"

• 布尔方法toString()同理

-2.2布尔 === > 数值

• 全局方法Number(false) // 返回0

-3.1日期 === > 字符串

• 全局方法 String()
• 日期方法toString()

-3.2日期 === > 数字

• 全局方法 d = new Date(); Number(d)
• 日期方法 getTime()同理 d = new Date() ; d.getTime()

-4.自动类型转换

5 + null    // 返回 5         因为 null 被转换为 0
"5" + null  // 返回 "5null"   因为 null 被转换为  "null"
"5" + 2     // 返回 52        因为 2 被转换为 "2"
"5" - 2     // 返回 3         因为 "5" 被转换为 5
"5" * "2"   // 返回 10        因为 "5" 和 "2" 被转换为 5 和 2

-5.自动字符串转换

// 如果 myVar = {name:"Fjohn"}  // toString 转换为 "[object Object]"
// 如果 myVar = [1,2,3,4]       // toString 转换为 "1,2,3,4"
// 如果 myVar = new Date()      // toString 转换为 "Sat Mar 06 2021 20:15:19 GMT+0800 (中国标准时间)"

---

JavaScript数据类型

-1.五种可包含值的数据类型

• 字符串 string
• 数字 number
• 布尔 Boolean
• 对象 object
• 函数 function

-2.三种对象类型

• 对象 Object
• 日期 Date
• 数组 Array

-3.两种不能包含值的数据类型

• null
• undefined

-4.typeof 运算符

• NaN 的数据类型是数值
• 数组的数据类型是对象
• 日期的数据类型是对象
• null 的数据类型是对象
• 未定义变量的数据类型是 undefined
• 尚未赋值的变量的数据类型也是 undefined

-5.constructor属性

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

"Bill".constructor                 // 返回 "function String()  { [native code] }"
(3.14).constructor                 // 返回 "function Number()  { [native code] }"
false.constructor                  // 返回 "function Boolean() { [native code] }"
[1,2,3,4].constructor              // 返回 "function Array()   { [native code] }"
{name:'Bill', age:62}.constructor  // 返回" function Object()  { [native code] }"
new Date().constructor             // 返回 "function Date()    { [native code] }"
function () {}.constructor         // 返回 "function Function(){ [native code] }"

• 定义函数来判断某个对象是不是数组（包含单词 “Array”）

function isArray(myArray){
	return myArray.constructor.toString().indexOf("Array") > -1;
}

function isArray(myArray){
	return myArray.constructor === Array;
}

• 判断对象是否为日期函数同理。