🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## js类型转化 ``` * Number() 转换为数字, * String() 转换为字符串, * Boolean() 转化为布尔值。 ``` --- > ### **在 JavaScript 中有 5 种不同的数据类型:** * #### **string | number | Boolean | object |function** > #### **3 种对象类型:** * #### **Object| Data |Array** >#### **2 个不包含任何值的数据类型:** * #### **null|undefind** --- 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 ``` --- ### **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] } ``` JavaScript 类型转换 JavaScript 变量可以转换为新变量或其他数据类型: * 通过使用 JavaScript 函数 * 通过 JavaScript 自身自动转换 --- **将数字转化为字符串** 全局方法 String() 可以将数字转换为字符串。 该方法可用于任何类型的数字,字母,变量,表达式: ``` String(x) // 将变量 x 转换为字符串并返回 String(123) // 将数字 123 转换为字符串并返回 String(100 + 23) // 将数字表达式转换为字符串并返回 ``` --- **将布尔值转换为字符串** 全局方法 String() 可以将布尔值转换为字符串。 ``` String(false) // 返回 "false" String(true) // 返回 "true" Boolean 方法 toString() 也有相同的效果。 false.toString() // 返回 "false" true.toString() // 返回 "true" ``` --- **将日期转换为字符串** 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) ``` --- **将字符串转换为数字** 全局方法 Number() 可以将字符串转换为数字。 字符串包含数字(如 "3.14") 转换为数字 (如 3.14). 空字符串转换为 0。 其他的字符串会转换为 NaN (不是个数字)。 ``` Number("3.14") // 返回 3.14 Number(" ") // 返回 0 Number("") // 返回 0 Number("99 88") // 返回 NaN ``` --- **将日期转换为数字** >全局方法 Number() 可将日期转换为数字。 ``` d = new Date(); Number(d) // 返回 1404568027739 日期方法 getTime() 也有相同的效果。 d = new Date(); d.getTime() // 返回 1404568027739 ``` --- **自动转换为字符串** >当你尝试输出一个对象或一个变量时 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" ``` > 我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="undefined"){},而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错. > 正因为 typeof 遇到 null,数组,对象时都会返回 object 类型,所以当我们要判断一个对象是否是数组时。 > 或者判断某个变量是否是某个对象的实例则要选择使用另一个关键语法 instanceof 。 ``` instanceof 可通过 instanceof 操作符来判断对象的具体类型,语法格式: var result = objectName instanceof objectType 返回布尔值,如果是指定类型返回 true,否则返回 false: arr = [1,2,3]; if(arr instanceof Array){ document.write("arr 是一个数组"); } else { document.write("arr 不是一个数组"); } ```