JavaScript -- 类型转换
JavaScript -- 类型转换
2023-09-14 08:59:00 时间
Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。
JavaScript 数据类型
在 JavaScript 中有 5 种不同的数据类型:
- string
- number
- boolean
- object
- function
3 种对象类型:
- Object
- Date
- Array
2 个不包含任何值的数据类型:
- null
- undefined
typeof 操作符
你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。
- NaN 的数据类型是 number
- 数组(Array)的数据类型是 object
- 日期(Date)的数据类型为 object
- null 的数据类型是 object
- 未定义变量的数据类型为 undefined
constructor 属性
constructor 属性返回所有 JavaScript 变量的构造函数。
将数字转换为字符串
全局方法 String() 可以将数字转换为字符串。
该方法可用于任何类型的数字,字母,变量,表达式。
将布尔值转换为字符串
全局方法 String() 可以将布尔值转换为字符串。
将日期转换为字符串
全局方法 String() 可以将日期转换为字符串。
将字符串转换为数字
全局方法 Number() 可以将字符串转换为数字。
字符串包含数字(如 "3.14") 转换为数字 (如 3.14).
空字符串转换为 0。
其他的字符串会转换为 NaN (不是个数字)
demo:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 类型转换</title> </head> <body> <p> JavaScript 类型转换</p> <button onclick="typeConversion()">类型转换示例</button> <p id="demo"></p> <p id="demo1"></p> <p id="demo2"></p> <p id="demo3"></p> <p id="demo4"></p> <p id="demo5"></p> <script type="text/javascript" src="test.js" ></script> </body> </html>
Js代码:
function typeConversion(){ document.getElementById("demo").innerHTML = typeof "john" + "<br>" + typeof 3.14 + "<br>" + typeof NaN + "<br>" + typeof false + "<br>" + typeof [1, 2, 3, 4] + "<br>" + typeof { name: 'john', age: 34 } + "<br>" + typeof new Date() + "<br>" + typeof function() {} + "<br>" + typeof myCar + "<br>" + typeof null; // constructor 属性 document.getElementById("demo1").innerHTML = "john".constructor + "<br>" + 3.14.constructor + "<br>" + NaN.constructor + "<br>" + false.constructor + "<br>" + [1, 2, 3, 4].constructor + "<br>" + { name: 'john', age: 34 }.constructor + "<br>" + new Date().constructor + "<br>" + function() {}.constructor + "<br>"; //JavaScript 类型转换 //全局方法 String() 可以将数字转换为字符串。该方法可用于任何类型的数字,字母,变量,表达式。 document.getElementById("demo2").innerHTML = String(123) + "<br>" + String(100 + 121) + "<br>" + String(true) + "<br>" + String(false) + "<br>" + String(Date()) + "<br>" + (145).toString() + "<br>" + (234 + 345).toString() + "<br>" + Date().toString(); //字符串转换成数字 document.getElementById("demo3").innerHTML = Number("3.14") + "<br>" + // 返回 3.14 Number(" ") + "<br>" + // 返回 0 Number("") + "<br>" + // 返回 0 Number(new Date()) + "<br>" + //日期转化为数字 Number(true) + "<br>" + //布尔值转化成数字 Number(false) + "<br>" + Number("99 88") + "<br>"; // 返回 NaN var y = "5"; var x = +y; //一元运算符 document.getElementById("demo4").innerHTML = typeof y + "<br>" + typeof x; //自动转换类型 document.getElementById("demo5").innerHTML = (5 + null) + "<br>" + // 返回 5 null 转换为 0 ("5" + null) + "<br>" + // 返回"5null" null 转换为 "null" ("5" + 1) + "<br>" + // 返回 "51" 1 转换为 "1" ("5" - 1) + "<br>"; // 返回 4 "5" 转换为 5 }
相关文章
- javascript 高级教程 视频_精通JavaScript
- [译] JavaScript -- Map vs ForEach
- 用javascript分类刷leetcode3.动态规划(图文视频讲解)
- 【说站】javascript原型式继承如何理解
- JSON显示库 -- showJson (Javascript)
- 在 Java 代码中来一段 JavaScript?聊聊 Flowable 中的脚本任务
- 嵌入式新开发模式(JavaScript)--C端与JS端方法调用
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- JavaScript学习总结(十六)——Javascript闭包(Closure)详解编程语言
- javascript eval和JSON之间的关系详解编程语言
- javascript 面向对象编程之继承详解编程语言
- 张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
- javascript生成/解析dom的CDATA类型的字段的代码
- 不用javascript实现带序号的表格隔行换色的效果
- Javascript更新JavaScript数组的uniq方法
- Javascript面向对象之四继承
- javascript内存管理详细解析
- BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
- JavaScript中的数值范围介绍
- JavaScript中伪协议javascript:使用探讨