大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

javascript实现值类型转换的方法

这篇文章给大家分享的是有关javascript实现值类型转换的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联建站专注于博罗网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供博罗营销型网站建设,博罗网站制作、博罗网页设计、博罗网站官网定制、小程序定制开发服务,打造博罗网络公司原创品牌,更为您提供博罗网站排名全网营销落地服务。

JavaScript是松散类型的语言,大多数情况下,运算符和函数会自动将值转换为正确的类型(隐式转换);但也有一些情况需要显式的进行类型转换。

隐式转换

JavaScript中有各种运算符和函数,它们自动将值转换为正确的类型,如JavaScript中的alert()函数接受任何值并将其转换为字符串。但是各种运算符会产生类似'+'运算符的问题。
例:

输入: “2”+“3”
输出: “23”

在这种情况下,这里的“+”运算符代表字符串连接。
但是,输入“3” - “1”就会通过使用“隐式转换”就会给出输出结果:2。

下面我们来看看隐式转换的简单代码示例:

代码1:此代码显示JavaScript中的隐式类型转换。

运行后,输出:

javascript实现值类型转换的方法

显式转换

虽然JavaScript提供了多种方法可以将数据从一种类型转换为另一种类型,但有两种最常见的数据转换方式:

1、将值转换为字符串

2、将值转换为数字

3、将值转换为布尔类型

下面我们就来看看javascript是如何实现这两种最常见的数据转换方式的。

将值转换为字符串

使用String()或toString()函数将值转换为字符串。

String()函数

语法:

String(value);

例:

先使用 typeof  value查看值的类型。

在使用String)函数进行转换,在查看值的类型

let value = true;
alert(typeof value); // 显示值为:boolean类型
value = String(value); // 现在,值“true”是一个字符串类型
alert(typeof value); // 显示值为:string类型

运行:

javascript实现值类型转换的方法

toString()函数

语法:

variableName.toString(base)

例:

输入:
      var v = 1555;
      var s = v.toString();
输出:
    现在s包含的值是字符串类型:“1555”。

代码2:

下面的代码将数字转换为字符串,布尔值转换为字符串,日期转换为字符串。

输出:

javascript实现值类型转换的方法

将值转换为数字:

我们可以使用JavaScript中的Number()函数将值转换为数字。它可以将任何数字文本和布尔值转换为数字。如果是非数字字符串,它会将其转换为NaN(非数字)。

语法:

Number(valueToConvert)

示例:

代码1:下面的代码将数字文本,日期和布尔值转换为数字。

运行输出:

javascript实现值类型转换的方法

代码2:如果字符串是非数字,则将其转换为NaN,空格字符串或空字符串将转换为0。

运行,输出:

javascript实现值类型转换的方法

将值转换为布尔类型

布尔转换是最简单的。

它发生在逻辑运算中,但也可以通过调用手动执行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('') + "
");

输出:

javascript实现值类型转换的方法

感谢各位的阅读!关于javascript实现值类型转换的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文标题:javascript实现值类型转换的方法
分享地址:http://dzwzjz.com/article/pcggsd.html
在线咨询
服务热线
服务热线:028-86922220
TOP