了解JavaScript中的数据类型转换

青灯夜游
发布: 2020-10-19 18:03:19
转载
1988 人浏览过

了解JavaScript中的数据类型转换

在JavaScript中,数据类型用于对一种特定类型的数据进行分类,确定可以分配给该类型的值以及可以对其执行的操作。

虽然由于类型强制,JavaScript会自动转换许多值,但为了达到预期的结果,通常最好在类型之间手动转换值。

本教程将指导您转换JavaScript的基本数据类型,包括数字、字符串和布尔值。

隐式转换

作为一种编程语言,JavaScript对意外值的容忍度很高。因此,JavaScript将尝试转换意外值,而不是直接拒绝它们。这种隐式转换称为类型强制。

有些方法会自动转换值以便使用它们。alert()方法接受一个字符串作为参数,但它将自动将其他类型转换为字符串。因此,我们可以传递一个数值给方法:

alert(8.5);
登录后复制

如果我们运行上面的代码行,浏览器将返回一个弹出的警告对话框,其中显示8.5值,但是它将被转换为一个字符串。

当使用可以通过数学运算符计算为数字的字符串时,您将发现JavaScript能够通过隐式地将字符串转换为数字来处理这些值,如下面的示例所示。

// Subtraction "15" - "10";
登录后复制

输出:5

// Modulo "15" % "10";
登录后复制

输出:5

然而,并不是每个运算符都能像预期的那样工作。+运算符有明显的问题,因为它可以表示加法或字符串连接。

// When working with strings, + stands for concatenation "2" + "3";
登录后复制

输出:"23"

由于+运算符是多用途的,因此尽管是数字字符串,但字符串值2和3连接为字符串值23,而不是加在一起成为数字5。

由于模糊性可能存在,有时会导致意外的结果,所以通常最好在代码中显式地转换尽可能多的数据类型。这将有助于管理来自用户的输入和处理错误。

将值转换为字符串

可以通过调用String()或N.ToString()将值显式转换为字符串。

使用String()函数,让我们通过将值true传递给String()的参数,将布尔值转换为字符串。

String(true);
登录后复制

当我们这样做时,字符串文字“true”将返回。

输出:"true"

或者,我们可以向函数传递一个数字。

String(49);
登录后复制

将返回该数字的字符串文字。

输出:"49"

让我们将String()函数与变量一起使用。 我们将为变量odyssey分配一个数字值,然后使用typeof运算符来检查类型。

let odyssey = 2001; console.log(typeof odyssey);
登录后复制

输出:number

此时,变量odyssey被赋予2001的数值,我们已经确认它是一个数字。

现在,让我们将odyssey重新分配到它的字符串等效值,然后使用typeof来确认我们已经成功地将变量的值从一个数字转换为一个字符串。

odyssey = String(odyssey); // "2001" console.log(typeof odyssey);
登录后复制

输出:string

在上面的例子中,我们已经确认,在数据类型转换之后,将odyssey重新赋值为一个字符串值。

我们可以以类似的方式使用n.toString()。我们可以用变量替换n:

let blows = 400; blows.toString();
登录后复制

变量blow将作为字符串返回。

输出:"400"

或者,我们可以把值放在圆括号内,而不是用n.toString()变量:

(1776).toString(); // returns "1776" (false).toString(); // returns "false" (100 + 200).toString(); // returns "300"
登录后复制

通过使用String()或n.toString(),我们能够显式地将布尔值或数字数据类型的值转换为String值,以确保代码的行为符合我们的预期。

将值转换为数字

在将值转换为数字数据类型时,我们将使用number()方法。首先,我们将把数字文本字符串转换为数字,但我们也可以转换布尔值。

我们可以将一个数字串传递给number()方法:

Number("1984");
登录后复制

字符串将被转换为一个数字,不再用引号括起来。

输出:1984

我们还可以将一个字符串赋值给一个变量,然后对其进行转换。

let dalmatians = "101"; Number(dalmatians);
登录后复制

输出:101

字符串文字“101”通过其变量被转换为数字101。

空白字符串或空字符串将转换为0。

Number(" "); // returns 0 Number(""); // returns 0
登录后复制

注意,非数字字符串将转换为NaN, NaN表示非数字。这包括用空格分隔的数字。

Number("twelve"); // returns NaN Number("20,000"); // returns NaN Number("2 3"); // returns NaN Number("11-11-11"); // returns NaN
登录后复制

对于布尔数据类型,false的值为0,true的值为1。

Number(false); // returns 0 Number(true); // returns 1
登录后复制

方法的作用是:将非数字数据类型转换为数字。

将值转换为布尔值

要将数字或字符串转换为布尔值,可以使用Boolean()方法。例如,这对于确定用户是否将数据输入文本字段非常有用。

任何被解释为空的值,如数字0、空字符串或未定义的值、NaN或null,都被转换为false。

Boolean(0); // returns false Boolean(""); // returns false Boolean(undefined); // returns false Boolean(NaN); // returns false Boolean(null); // returns false
登录后复制

其他值将被转换为true,包括由空格组成的字符串文字。

Boolean(2000); // returns true Boolean(" "); // returns true Boolean("Maniacs"); // returns true
登录后复制

注意,“0”作为字符串文字将转换为真,因为它是一个非空字符串值:

Boolean("0"); // returns true
登录后复制

将数字和字符串转换为布尔值可以允许我们在二进制术语中计算数据,并且可以用于程序中的控制流。

相关免费学习推荐:js视频教程

以上是了解JavaScript中的数据类型转换的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:digitalocean.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!