js数据转换为html,JavaScript怎么进行类型转换?「建议收藏」

js数据转换为html,JavaScript怎么进行类型转换?「建议收藏」JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助。JavaScript变量可以转换为新变量或其他数据类型,分为两种情况:● 隐性转换:通过JavaScript自身自动转换● 显性转换:通过使用JavaScript函数进行转换隐式转换JavaScript中有各种运算符和函数,它们自动将值转换为正确的类型,如Java…

大家好,又见面了,我是你们的朋友全栈君。

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/160667.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 电子元器件品牌及其代理商

    电子元器件品牌及其代理商海思(Hisilicon)在大中华区的授权分销商有:深圳市群方电子、深圳市淇诺实业、晓龙国际、威健实业、中国电子器材、深圳市智宇鹏电子等。 紫光在大中华区的授权分销商包括:Arrow,中豪,力同科技,泰发科电子,普浩国际,Mornsun,国华,厦门建益达,昱博科技,CEACSZ,WPG等。 全志科技在大中华区的授权分销商有:君行科技,蓝欣电子,易新泰科技,方糖电子等。 兆易创新(Giga…

  • 说明电磁型继电器的工作原理_永磁继电器工作原理

    说明电磁型继电器的工作原理_永磁继电器工作原理原文地址点击这里:电磁继电器(electromagneticrelay)是一种电子控制器件,它具有控制系统(输入回路)和被控制系统(输出回路),通常应用于自动控制电路中,它是用较小的电流、较低的电

  • 背句子,记单词1「建议收藏」

    背句子,记单词1「建议收藏」7000词汇这么背我比较可以接受,连续看20天足以过八级!!(16天完整版)16天记住7000考研词汇(第一天)1.WithmyownearsIclearlyheardtheheartbeatofthenuclearbomb.我亲耳清楚地听到原子弹的心脏的跳动。2.Nextyearthebeardedbearwillbear…

  • 国内8大知名工程项目管理软件推荐[通俗易懂]

    国内8大知名工程项目管理软件推荐[通俗易懂]推荐国内比较知名的8个工程项目管理软件:1、PingCode;2、Worktile;3、泛普软件;4、Microsoft Project;5、广联达;6、新中大;7、红圈;8、建文软件。虽然同为工程

  • 程序英语

    decline衰退、减少configure配置、设定consult顾问duediligence尽调sheet表单、纸、被单Extraction-Loading-TransformationIntegratedDevelopmentEnvironmentide集成开发环境desktop桌面console控制台orient标定方向 at…

  • java版我的世界_我的世界Java版1.16[通俗易懂]

    java版我的世界_我的世界Java版1.16[通俗易懂]我的世界Java版1.16是我的世界的特殊版本,这个版本的我的世界深受玩家们的喜欢,小编为各位玩家带来了最新的我的世界Java版1.16手机版本,不仅游戏内容在一定程度上丰富十足,画面打造也非常的精美,玩过的小伙伴都赞不绝口,喜欢的玩家就来下载吧!我的世界Java版1.16游戏说明JAVA版JAVA版应该算是玩家接触到的最广的版本,也是游戏内容最丰富的版本。事实上,JAVA版本就是PC版,是我的世…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号