html 类型转换,JavaScript怎么进行类型转换?

JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助。

6644e0dbd5ba3fa28a4f54ee3ced115f.png

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) + "
");

运行后,输出:

0006c7668a82e032d0b817dbfc9c2921.png

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类型

运行:

1542439256976962.gif

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) + "
");

输出:

af4c4dceb2b58e4c96ddc5d46677018a.png

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) + "
");

运行输出:

20e61c8773bda80d379cf8034b5338a0.png

代码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) + "
");

运行,输出:

90d7c585b96912991818b6ee5657265a.png

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('') + "
");

输出:

334c98a35728ebd14ae2265ee410bdcb.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/443148.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html中购物车总金怎么算额,计算购物车金额总和( jquery )

今天简单写了一个jq版购物车计算金额总和的例子,如图:整体页面代码如下:*{list-style: none;}html,body{margin: 0;padding: 0;}.all-list{padding: 40px;margin: 0 auto;}.choose-list{overflow: hidden;}.choose-list >h5{display: bloc…

ios html5上架,iOS原生集成H5+详细流程

iOS原生集成H5集成方式独立应用方式集成Widget方式集成WebView方式集成可以打开官方链接: 选择 5SDK -> 5SDK集成 -> 平台 下查看集成方式独立应用方式: 官方Demo中的实现, 独立的App, 感觉上和直接在HBuilder创建App相同, 可以方便证书导入这些步骤吧Widget方式: 模块部…

微型计算机中celeron,微型计算机中常提及的Pentium或Celeron是指其_______

摘要:旋律的起伏,微型心灵感受体和密节奏用机的疏,心两训练入手同时从身方面。细分还可统模、常提讨模式启发为传论模式、式,学生智力模式教学要目一种为主的的发展是以。微型重要组成教育部分)的实习是(。...旋律的起伏&#xff…

计算机选购知识点,笔记本选购知识点,找准自己的需求才是王道

笔记本选购知识点,找准自己的需求才是王道2019-11-07 10:23:030点赞0收藏0评论笔记本电脑是选择应用比较广的电脑类型,不管是什么人群都能够使用它,它可以学习、办公,还可以娱乐,外形小巧易携带,比台式机的…

更改计算机硬盘名字,如何修改盘符 – 磁盘及光驱名称错乱,教你怎么更改回来...

一般情况下,打开“我的电脑”后,我们会看到排在前面是硬盘,紧接着的是光驱,然后是插上去的可移动磁盘或U盘。但有时我们可能会神奇地发现硬盘盘符及光盘驱动器名称及排列错乱了。比如正常情况下C,D,E&#…

计算机用于数据管理经历了,管理系统中计算机应用--期中测验答案

管理系统中计算机应用--期中测验答案 (3页)本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!17.90 积分期中测验答案期中测验答案 一、一、单项选择单项选择:: 1-5 ACDCC 6-10 CA…

戴尔服务器显示e1810,戴尔服务器提示: PowerEdge2950 E1810 HDD 1 Fault该如何解决?求帮助!!!...

满意答案zxb65000212013.06.16采纳率:41% 等级:12已帮助:6550人如果具有非 RAID SAS 控制器,请卸下硬盘驱动器,然后将另一个可正常工作的硬盘驱动器更换至驱动器托架的位置。 如果问题得以解决,请将硬盘…

小米手机显示流量数据连接到服务器,小米手机流量总不稳定,这三项设置可能你会用到...

原标题:小米手机流量总不稳定,这三项设置可能你会用到小米流量优化三板斧无限君:当我们用数据流量上网的时候,难免会碰到网速慢或不能上网的时候,有时候明明手机正常连接网络也无法访问,如果恰好和朋友开黑…

怎么用dos系统进入服务器,怎么进入dos_如何进入dos的方法(图文介绍)

怎么进入dos_如何进入dos的方法(图文介绍)发布时间:2017-04-10 10:54来源:互联网当前栏目:电脑基础知识怎么进入dosDOS是英文Disk Operating System的缩写,意思是“磁盘操作系统”。它是个人计算机上的一类操作系统。从1981年直到…

wps如何自己制作流程图_WPS小技巧——如何制作炫酷的个性电子简历

大家好,上期内容我们介绍了一个在Word文档中,快速改变顺序排列的小技巧,那今天,再来给大家分享一个利用Excel快速制作电子简历的实用方法吧~首先,选中部分空白单元格,然后给它添加一个外边框来粗化一个制作…

ca开头的车是什么牌子_微电调研 | 把高速车摘了牌子当低速车卖还很普遍

编者:即将出台国家标准和一系列规范政策的低速电动车,再次成为舆论焦点。在争论与博弈中,与低速电动车息息相关的人们——消费者、经销商、社区人民等少有发言机会。他们为什么选择低速电动车?当地的交通生态是怎样的?…

解锁三星bl锁有几种方法_解锁陶瓷砂磨机常见的几种机械密封损坏原因及处理方法发表...

解锁陶瓷砂磨机常见的几种机械密封损坏原因及处理方法相信很多使用过陶瓷砂磨机的客户朋友们都或多或少的遇到过机器在使用过程中出现机械密封损坏的状况,机械密封损坏其实是由多种不同的原因造成的,下面由小编为您解锁几种日常使用中易造成机械密封损坏…

rust 案例_RUST-X气相防锈产品落户中国,助力中国高端制造出口海外

2017年10月25日中圳德兴(北京)防锈材料有限公司成为美国RUST-X中国总经销商。RUST-X采用先进的VCI气相防锈技术自主研发一系列VCI气相防锈产品,产品主要特点是:具有接触防锈和不接触防锈双重保护屏障,所有产品均无毒、环保、可生物降解。RUST-X拥有500多…

eeprom 数据偶尔变成ff_7年前去搞数据科学、放弃天文学,现在我后悔了

萧箫 发自 凹非寺量子位 报道 | 公众号 QbitAI“事情已过去7年,是时候承认了:我对离开学术界感到深深的遗憾。”“这只是我自己的观点,毕竟许多人庆幸离开学术界……”这是一名曾经的天体物理学博士Marcel Haas,在从事了7年数据科…

32位mips运算器logisim_大神教你制作一个简单的16位CPU

如何制作一个简单的16位CPU,首先我们要明确CPU是做什么的,想必各位都比我清楚,百度的资料也很全。。。。。如果想要制作一个CPU,首先得明白下计算机的组成结构(或者计算机的替代品,因为并不是只有计算机有CPU&#xff…

ad20中怎么多选操作改层_在操作系统中CPU是怎么调度的

对于单处理器系统,每次只允许一个进程运行,任何其他进程必须等待,直到CPU空闲能被调度为止,多道程序的目的是在任何时候都有某些进程在运行,以使CPU使用率最大化。CPU-I/O区间周期CPU的成功调度依赖于进程的如下属性&a…

edtext 从右边开始输入 安卓_转换iOS和安卓的视频至任何格式

有时候我们有一些视频在我们的iOS和安卓设备里,不过我们想在更大的荧幕上观看如电脑或电视机,或者要编辑这些视频,怎么办?别担心,万兴优转可以轻松转换您设备里的视频到任意格式。我们支持所有iOS和安卓设备&#xff0…

ansys变形太夸张_航母上的一颗铆钉能换一辆奥迪?太奢侈了

局座张召忠曾在某军事节目中说:“航母上的每一个铆钉,能换一辆奥迪”,此话一出,立马引起了网友们的激烈讨论。要知道一辆奥迪汽车,怎么也要20万元起步,航母上一颗小小的铆钉竟然这么值钱?作为“…

c#url拼接方法名_C# 从1到Core委托与事件

委托与事件在C#1.0的时候就有了,随着C#版本的不断更新,有些写法和功能也在不断改变。本文温故一下这些改变,以及在NET Core中关于事件的一点改变。一、C#1.0 从委托开始1. 基本方式什么是委托,就不说概念了,用例子说话…

linux禁止客户端上传文件_Linux下Shell脚本实现FTP自动上传和下载文件

概述之前测试写的一个脚本,主要是为了实现FTP自动上传和下载文件。大家可以参考下:基础环境配置[rootpxzxdm01 ~]# useradd -d /home/ftp1 ftp1 [rootpxzxdm01 ~]# passwd ftp1 (密码123456)[rootpxzxdm01 ~]# usermod -s /sbin/nologin ftp1 (限定用户f…