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('') + "
");
输出:
html 类型转换,JavaScript怎么进行类型转换?相关推荐
- JavaScript隐式类型转换
JavaScript隐式类型转换 基本数据类型 ECMAScript 一共定义了七种 build-in types,其中六种为 Primitive Value,Null, Undefined,Stri ...
- JavaScript内的类型转换
JavaScript内的类型转换 1.分为自动转换和强制转换,我们一般用强制转换.其他类型转换为整数是parseInt();其他类型转化为小数parseFloat(); 2.判断是不是一个合法数字 ...
- javascript 数据类型与类型转换
JavaScript 数据类型 值类型(基本类型): 字符串(String) 数字(Number) 布尔(Boolean) 空(Null) 未定义(Undefined) Symbol 注:Symbol ...
- js数据转换为html,JavaScript怎么进行类型转换?
JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助. JavaScript 变量可以转换为新变量或其他数据类型,分为两种情况: ...
- JavaScript类型转换之显式类型转换
JavaScript中显式类型转换有六类,分别是Number(mix).parseInt(string).parseFloat(string).String(mix).toString().Boole ...
- js类型转换(隐式类型转换显式类型转换)
我们需要了解任何计算都只能在相同的数据类型之间执行.如果我们强制JavaScript执行执行一些操作,例如在字符串中添加一个数字,在这种情况下,js编译器会默认将数字更改为字符串类型,然后将两者连接起 ...
- JS强制类型转换和隐式类型转换
一.隐式类型转换 隐式类型转换会自动根据运算符进行类型转换.隐式类型转换的情况主要有以下几种. 如果表达式中同时存在字符串类型和数字类型的操作数,而运算符使用加号+,此时 JavaScript 会自动 ...
- C++中的向上类型转换和向下类型转换+四种强制类型转换
转自博客:http://blog.csdn.net/wangweitingaabbcc/article/details/7720979# 在c++的世界中有这样两个概念,向上类型转换,向下类型转换,分 ...
- 关于显式类型转换以及隐式类型转换
哈喽嗷,铁汁们,咱们又见面了.是我嗷,一个不正经楼主. 首先提出一点,关于这个小细节专栏,看了绝对没好处(滑稽) 咳咳,咱们言归正传. 目录 隐式类型转换 ①算术运算中的隐式转换 规则一:字符和整数的 ...
最新文章
- 中科院院士「修正」了麦克斯韦方程?研究发材料期刊,两度热搜,两极评价...
- 同学Linux,同成长
- benchmark mysql_程序员的MySQL手册(二): 监控与benchmark
- Java如何读取JAR包外的properties文件及打成jar包后无法读取到jar包内的properties文件
- iOS - UISearchController
- MyEclipse 2017软件安装教程
- 学习Qt的资源-网站、论坛、博客等
- 【好消息】Python和Excel终于可以互通了!!
- 第73课 丑数 函数的应用
- ASP.NET Literal控件用法
- int main(int argc,char* argv[])详解
- 一条SQL完成跨数据库实例Join查询
- java时间日期类(Date、DateFormat、Calendar)学习
- 小学四年级计算机在线考试,四年级信息技术试卷一.doc
- python立方尾不变代码_对于这个蓝桥杯立方尾不变题我用java程序做的,正确结果应该是36,为什么我这样写结果就是12,如...
- 矢量图形和位图的不同
- Markdown中数学相关
- [实战]爬取网抑云音乐评论
- Combining Implicit Function Learning and Parametric Models for 3D Human Reconstruction
- 08 Git中本地工作与远程仓库的同步
热门文章
- 安卓投屏大师_苹果,安卓手机如何免费投屏?只要悄悄按下这里,便能轻松实现...
- django 学习 (二) 模板
- C库函数—strcpy实现
- java 参数 string_java(String和StringBuffer分别作为参数传递)
- rnn神经网络模型_一文读懂序列建模(deeplearning.ai)之循环神经网络(RNNs)
- Java代码服务器上下载图片_Java如何从服务器中下载图片
- halcon旋转后坐标_FPGA大赛【八】具体模块设计图像旋转方案
- 怎么在安卓布局里设置滚动字体_Get新技能|如何在手机上设置文字版拼音?
- 登录不上_《盗贼之海》登录不上?还在傻傻等待,快来让我教教你
- 【转】5.2高性能IO模型浅析