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 地图点击标注有提示框不完整,百度地图的实现标注以及标注提示框.docx

$(function () {//最后加载的js代码findDimensions();map new BMap.Map("container"); // 创建地图实例// var point new BMap.Point(116.404, 39.915); // 创建点坐标map.centerAndZoom("北京");map.enableScrollWheelZoom(); // 开启鼠标滚轮缩放map.e…

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方式: 模块部…

html自定义标记,HTML模板(自定义)标记

我知道使用自定义html标记由于各种原因是不合适的,但我想运行一个特定的情况,可能需要自定义html标记,并希望得到其他方面的信息,或者可能更好实现我的目标的方式。HTML模板(自定义)标记在我的代码中,我有我称之为模板…

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

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

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

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

使用计算机管理文件教后反思,《管理计算机中的文件》教学反思

《管理计算机中的文件》教学反思一眨眼,新学期已经过半了。现在,写一写我的《管理计算机中的文件》教学反思。这是第八周方老师来我校调研的一节课。作为学校信息技术学科的新老师,方老师说要听听我的课,感觉我蛮淡定的。说实话&a…

jeecms导入myeclipse时web-inf下html出错,我部署到myeclipse 出现问题

2010-3-12 13:50:53 org.apache.catalina.storeconfig.StoreLoader load信息: Find registry server-registry.xml at classpath resource2010-3-12 13:50:53 org.apache.catalina.startup.Catalina start信息: Server startup in 23485 ms2010-3-12 13:51:07 org.apache.catal…

html table vtop,PART2HTML语言.doc

PART2HTML语言PART2 HTML语言介绍学习导航:1. HTML语言的基础知识2. HTML的常用标记3. 网页基本元素之文本4. 网页基本元素之多媒体5. 网页基本元素之超链接6. 表格7. 框架1. 网页设计的内功——HTML(超文本标记语言)1.1 理解什么是HTML语言HTML语言的定义&#xff…

铜仁计算机专业学校,听说计算机专业的在本部啊 这是真的么

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼我的目标也是成为18级大神。假如你每天签到拿4经验,18级300000/475000天, 如果从1岁开始签到,那100年36500天,你差不多要 活200年保持每天签到(谁知道200年后还有没有签到 这玩意)&am…

金陵科技学院计算机系男女比,眼已亮瞎:719所全国高校男女比例排名

学校名称女生比例1 中华女子学院98%2 成都师范学院83%3 四川外国语大学81%4 江苏第二师范学院80%5 西安外国语大学79%6 重庆第二师范学院79%7 牡丹江师范学院78%8 上海外国语大学78%9 大连外国语大学78%10 沈阳医学院77%11 北京第二外国语学院77%12 哈尔滨金融学院77%13 北京语…

计算机软件基础 一课本,计算机软件基础(-)课后习题答案.doc

文档介绍:计算机软件基础(-)课后****题答案.doc第一章一、简答题1.参考书上第五页图1-72.因为C语言是强类型语言,语法规定必须先定义后使用,只有先定义,系统才能为其分配存储空间。3.参考书上第二页二、填空题1. 算法2..C,.obj,.exe3. 提出问题,构造模型,选择方法,编…

计算机课禁用监视器,如何设置关闭监视器硬盘系统待机项为从来不

1、待机”电源管理模式待机模式主要用于节电,该功能使你可不需重新启动计算机就可返回工作状态。待机模式可关闭监视器和硬盘、风扇之类设备,使整个系统处于低能耗状态。在你重新使用计算机时,它会迅速退出待机模式,而且桌面(包括…

计算机电缆试验电压标准,GB/T3048.8-2007 电线电缆电性能试验方法 第8部分:交流电压试验.pdf-原创力文档...

GB/T3048的本部分规定了有关电缆及其附件冲击电压试验的术语和定义、试验设备、试样制备、试验程序、试验结果及评定、注意事项和试验记录。犐犆犛29.060犓 13中华人 民共和 国国家 …

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

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

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

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

衡水计算机考试报名入口,2018下半年NCRE全国计算机等级考试报名通知

冀教考社〔2018〕4号河北省教育考试院关于做好2018年下半年全国计算机等级考试报名工作的通知各市(含定州、辛集市)教育考试院(招生考试办公室),华北石油管理局招生考试办公室:2018年下半年全国计算机等级考试(以下简称NCRE)将于9月份举行。按照教育部考…

基准软件测试原理,基准测试

基准测试是指通过设计科学的测试方法、测试工具和测试系统,实现对一类测试对象的某项性能指标进行定量的和可对比的测试。中文名基准测试外文名Benchmark Test别 名BMT特 点设计科学的测试方法基准测试测试介绍编辑语音基准测试是[1]指通过设计科学的测试方法…

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

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

华为服务器怎么查看系统日志,华为日志服务器

比如uninstall.log或是error.log,安全日志、系统日志、Scheler服务日志、FTP日志、WWW日志、DNS服务器日志等等,可以在客户端—回首页—我的—问题与答建议—提交日志里面反馈一下,通常是文本文件,它自动的就可以。PIX的配置loggi…