• 技术文章 >web前端 >js教程

    了解JavaScript中的数据类型转换

    青灯夜游青灯夜游2020-10-19 18:03:19转载542

    在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,如有侵犯,请联系admin@php.cn删除
    上一篇:所以 JavaScript 到底是什么? 下一篇:深入理解DOM树和节点
    大前端线上培训班

    相关文章推荐

    • 10个使用Console进行javascript调试的高级技巧• 原生JavaScript实现弹幕组件de方法• 拿下JavaScript引擎的基本原理• JavaScript中必须掌握的10个基础问题• JavaScript中7个处理undefined的小技巧• 详解JavaScript中的变量、范围和提升• 所以 JavaScript 到底是什么?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网