js数据转换为html,JavaScript怎么进行类型转换?「建议收藏」
大家好,又见面了,我是你们的朋友全栈君。
JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助。
JavaScript 变量可以转换为新变量或其他数据类型,分为两种情况:
● 隐性转换:通过 JavaScript 自身自动转换
● 显性转换:通过使用 JavaScript 函数进行转换
隐式转换
JavaScript中有各种运算符和函数,它们自动将值转换为正确的类型,如JavaScript中的alert()函数接受任何值并将其转换为字符串。但是各种运算符会产生类似’+’运算符的问题。
例:输入: “2”+“3”
输出: “23”
在这种情况下,这里的“+”运算符代表字符串连接。
但是,输入“3” – “1”就会通过使用“隐式转换”就会给出输出结果:2。
下面我们来看看隐式转换的简单代码示例:
代码1:此代码显示JavaScript中的隐式类型转换。
document.write(‘(“3” – “1”) = ‘ + (“3” – “1”) + “ “);
document.write(‘(“3” – 1) = ‘ + (“3” – 1) + “ “);
document.write(‘(“3” * “2”) = ‘ + (“3” * “2”) + “ “);
document.write(‘(“3” % “2”) = ‘ + (“3” % “2”) + “ “);
document.write(‘(“3” + null) = ‘ + (“3” + null) + “ “);
运行后,输出:
JavaScript是松散类型的语言,大多数情况下,运算符和函数会自动将值转换为正确的类型(隐式转换);但也有一些情况需要显式的进行类型转换。
显式转换
虽然JavaScript提供了多种方法可以将数据从一种类型转换为另一种类型,但有两种最常见的数据转换方式:
1、将值转换为字符串
2、将值转换为数字
3、将值转换为布尔类型
下面我们就来看看javascript是如何实现这两种最常见的数据转换方式的。
1、将值转换为字符串:
使用String()或toString()函数将值转换为字符串。
String()函数
语法:String(value);
例:
先使用 typeof value查看值的类型。
在使用String)函数进行转换,在查看值的类型let value = true;
alert(typeof value); // 显示值为:boolean类型
value = String(value); // 现在,值“true”是一个字符串类型
alert(typeof value); // 显示值为:string类型
运行:
toString()函数
语法:variableName.toString(base)
例:输入:
var v = 1555;
var s = v.toString();
输出:
现在s包含的值是字符串类型:“1555”。
代码2:
下面的代码将数字转换为字符串,布尔值转换为字符串,日期转换为字符串。
// 分别定义编号:v和日期:d
var v = 123;
var d = new Date(‘1995-12-17T03:24:00’);
// 数转换为字符串
document.write(” String(v) = ” + String(v) + “ “);
// 数转换为字符串
document.write(” String(v + 11) = ” + String(v + 11) + “ “);
document.write(” String( 10 + 10) = ” + String(10 + 10) + “ “);
// 布尔值转换为字符串
document.write(” String(false) = ” + String(false) + “ “);
// 日期转换为字符串
document.write(” String(d) = ” + String(d) + “ “);
输出:
2、将值转换为数字:
我们可以使用JavaScript中的Number()函数将值转换为数字。它可以将任何数字文本和布尔值转换为数字。如果是非数字字符串,它会将其转换为NaN(非数字)。
语法:Number(valueToConvert)
示例:
代码1:下面的代码将数字文本,日期和布尔值转换为数字。
// 分别定义编号:v和日期:d
var v = “144”;
var d = new Date(‘1995-12-17T03:24:00’);
// 字符串转换为数字
document.write(” Number(v) = ” + Number(v) + “ “);
//布尔值转换为数
document.write(” Number(false) = ” + Number(false) + “ “);
document.write(” Number(true) = ” + Number(true) + “ “);
// 日期转换为数字
document.write(” Number(d) = ” + Number(d) + “ “);
运行输出:
代码2:如果字符串是非数字,则将其转换为NaN,空格字符串或空字符串将转换为0。
// 指定空字符串
var v = “”;
// 分配空白空间
var d = ” “;
// 分配非数字串
var s = “GeeksforGeeks”;
// 输出 数的转换值
document.write(” Number(v) = ” + Number(v) + “ “);
document.write(” Number(d) = ” + Number(d) + “ “);
document.write(” Number(s) = ” + Number(s) + “ “);
运行,输出:
3、将值转换为布尔类型
布尔转换是最简单的。
它发生在逻辑运算中,但也可以通过调用手动执行Boolean(value)。
转换规则:
1、直观“空”的值,例如0,空字符串null,undefined并且NaN变为false。
2、其他的值变为true。
语法:Boolean(value)
示例:// 数字转换为布尔值
document.write(“Boolean(0) = ” + Boolean(0) + “ “);
document.write(“Boolean(1) = ” +Boolean(1) + “ “);
document.write(“Boolean(2) = ” + Boolean(2) + “ “);
// 字符串转换为布尔值
document.write(” Boolean(‘hello’) = ” + Boolean(‘hello’) + “ “);
document.write(” Boolean(”) = ” + Boolean(”) + “ “);
输出:
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/160667.html原文链接:https://javaforall.cn
相关文章
- js高级技巧_JavaScript高级程序
- js android 换行符,JavaScript字符串换行符?
- JS–JavaScript变量详解(全局变量、局部变量)
- js 比java还难_javascript与java哪个难「建议收藏」
- JavaScript笔记(9)
- 《剑指 Offer (第 2 版)》链表部分 JavaScript 题解
- JavaScript基本知识点——带你逐步解开JS的神秘面纱
- JS对象转数组_js怎么把数组转成对象
- JS设置定时器_js设置定时器
- js 数组去除重复数据-当WPS开始像支持VBA一样支持JS语言时,微软又该何去何从?
- 他来了!性能吊打 Node.js 和 Deno 的新一代 javaScript 运行时!
- javascript你必须要知道的—原型和原型链
- Node.js新手必须知道的4个JavaScript概念详解架构师
- 深入理解JavaScript调用MongoDB的方法(js调用mongodb)
- 使用Mongodb运行JavaScript脚本(mongodb执行js)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
- javascript输入框提示列表效果
- 在C#中调用VBScript、javascript等脚本的实现代码
- JavaScript利用Cookie记录用户登录信息
- Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
- JavaScript判断日期格式是否正确的实现代码
- JavaScript高级程序设计阅读笔记(十二)js内置对象Math
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- Javascript模块化编程(三)require.js的用法及功能介绍
- javaScript(JS)替换节点实现思路介绍
- JavaScript函数参数是传值(byVal)还是传址(byRef)分享
- javascript表格内容排序简单操作示例代码