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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • javascript中三目运算符的使用

    javascript中三目运算符的使用练习题:在一个文本框中输入0或者1,用三元运算符来判断,如果是0输出男,1表示输出女.<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://…

    2022年6月18日
    23
  • 经典智能算法之粒子群算法详解

    经典智能算法之粒子群算法详解经典智能算法之粒子群算法要理解粒子群算法怎么可能没有算法背景,请看算法历史粒子群优化(ParticleSwarmOptimization,PSO)算法是Kennedy和Eberhart受人工生命研究结果的启发、通过模拟鸟群觅食过程中的迁徙和群聚行为而提出的一种基于群体智能的全局随机搜索算法。自然界中各种生物体均具有一定的群体行为,而人工生命的主要研究领域之一是探索自然界生物的群体行为…

    2022年6月6日
    123
  • @Configuration两种起作用的方法

    @Configuration两种起作用的方法

    2021年6月8日
    93
  • spidermonkey php,javascript SpiderMonkey中的函数序列化如何进行_基础知识[通俗易懂]

    spidermonkey php,javascript SpiderMonkey中的函数序列化如何进行_基础知识[通俗易懂]在Javascript中,函数可以很容易的被序列化(字符串化),也就是得到函数的源码.但其实这个操作的内部实现(引擎实现)并不是你想象的那么简单.SpiderMonkey中一共使用过两种函数序列化的技术:一种是利用反编译器(decompiler)将函数编译后的字节码反编译成源码字符串,另一种是在将函数编译成字节码之前就把函数源码压缩并存储下来,用到的时候再解压还原.如何进行函数序列化在Spider…

    2022年10月10日
    3
  • 图像处理及算法[通俗易懂]

    图像处理及算法[通俗易懂]一、基本概念1.1图像分类1.2图像处理方法模拟图像处理:也称光学图像处理,它是利用光学透镜或光学照相方法对模拟图像进行的处理,其实时性强、速度快、处理信息量大、分辨率高,但是处理精度低,灵活度差,难有判断功能。数字图像处理:即利用计算机对数字图像进行处理,它具有精度高、处理内容丰富、方法易变、灵活度高等优点。但…

    2022年5月16日
    39
  • Gson用法: json转对象

    Gson用法: json转对象1 创建 Gson Gsongson newGsonBuild setPrettyPri create 或者 Gsongson newGson 2 json 转对象 Objectobj gson fromJson jsonString Object class 或者 Obje

    2025年10月10日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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