JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助。

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) + "
");

运行后,输出:

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类型

运行:

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) + "
");

输出:

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) + "
");

运行输出:

代码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) + "
");

运行,输出:

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('') + "
");

输出:

html 类型转换,JavaScript怎么进行类型转换?相关推荐

  1. JavaScript隐式类型转换

    JavaScript隐式类型转换 基本数据类型 ECMAScript 一共定义了七种 build-in types,其中六种为 Primitive Value,Null, Undefined,Stri ...

  2. JavaScript内的类型转换

    JavaScript内的类型转换 1.分为自动转换和强制转换,我们一般用强制转换.其他类型转换为整数是parseInt();其他类型转化为小数parseFloat(); 2.判断是不是一个合法数字   ...

  3. javascript 数据类型与类型转换

    JavaScript 数据类型 值类型(基本类型): 字符串(String) 数字(Number) 布尔(Boolean) 空(Null) 未定义(Undefined) Symbol 注:Symbol ...

  4. js数据转换为html,JavaScript怎么进行类型转换?

    JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助. JavaScript 变量可以转换为新变量或其他数据类型,分为两种情况: ...

  5. JavaScript类型转换之显式类型转换

    JavaScript中显式类型转换有六类,分别是Number(mix).parseInt(string).parseFloat(string).String(mix).toString().Boole ...

  6. js类型转换(隐式类型转换显式类型转换)

    我们需要了解任何计算都只能在相同的数据类型之间执行.如果我们强制JavaScript执行执行一些操作,例如在字符串中添加一个数字,在这种情况下,js编译器会默认将数字更改为字符串类型,然后将两者连接起 ...

  7. JS强制类型转换和隐式类型转换

    一.隐式类型转换 隐式类型转换会自动根据运算符进行类型转换.隐式类型转换的情况主要有以下几种. 如果表达式中同时存在字符串类型和数字类型的操作数,而运算符使用加号+,此时 JavaScript 会自动 ...

  8. C++中的向上类型转换和向下类型转换+四种强制类型转换

    转自博客:http://blog.csdn.net/wangweitingaabbcc/article/details/7720979# 在c++的世界中有这样两个概念,向上类型转换,向下类型转换,分 ...

  9. 关于显式类型转换以及隐式类型转换

    哈喽嗷,铁汁们,咱们又见面了.是我嗷,一个不正经楼主. 首先提出一点,关于这个小细节专栏,看了绝对没好处(滑稽) 咳咳,咱们言归正传. 目录 隐式类型转换 ①算术运算中的隐式转换 规则一:字符和整数的 ...

最新文章

  1. 中科院院士「修正」了麦克斯韦方程?研究发材料期刊,两度热搜,两极评价...
  2. 同学Linux,同成长
  3. benchmark mysql_程序员的MySQL手册(二): 监控与benchmark
  4. Java如何读取JAR包外的properties文件及打成jar包后无法读取到jar包内的properties文件
  5. iOS - UISearchController
  6. MyEclipse 2017软件安装教程
  7. 学习Qt的资源-网站、论坛、博客等
  8. 【好消息】Python和Excel终于可以互通了!!
  9. 第73课 丑数 函数的应用
  10. ASP.NET Literal控件用法
  11. int main(int argc,char* argv[])详解
  12. 一条SQL完成跨数据库实例Join查询
  13. java时间日期类(Date、DateFormat、Calendar)学习
  14. 小学四年级计算机在线考试,四年级信息技术试卷一.doc
  15. python立方尾不变代码_对于这个蓝桥杯立方尾不变题我用java程序做的,正确结果应该是36,为什么我这样写结果就是12,如...
  16. 矢量图形和位图的不同
  17. Markdown中数学相关
  18. [实战]爬取网抑云音乐评论
  19. Combining Implicit Function Learning and Parametric Models for 3D Human Reconstruction
  20. 08 Git中本地工作与远程仓库的同步

热门文章

  1. 安卓投屏大师_苹果,安卓手机如何免费投屏?只要悄悄按下这里,便能轻松实现...
  2. django 学习 (二) 模板
  3. C库函数—strcpy实现
  4. java 参数 string_java(String和StringBuffer分别作为参数传递)
  5. rnn神经网络模型_一文读懂序列建模(deeplearning.ai)之循环神经网络(RNNs)
  6. Java代码服务器上下载图片_Java如何从服务器中下载图片
  7. halcon旋转后坐标_FPGA大赛【八】具体模块设计图像旋转方案
  8. 怎么在安卓布局里设置滚动字体_Get新技能|如何在手机上设置文字版拼音?
  9. 登录不上_《盗贼之海》登录不上?还在傻傻等待,快来让我教教你
  10. 【转】5.2高性能IO模型浅析