JavaScript（三）：数据类型转换

一、转换函数

1、parseInt()

parseInt()函数可以将任何类型的值转换为整数。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       var box="34";

       alert(typeof parseInt(box)); // number

    </script>

</head>

<body>

</body>

</html>

结果：

从上面的截图中可以看出：使用了parseInt()函数以后，box变成了整数。

注意：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

       var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2));

    </script>

</head>

<body>

</body>

</html>

结果：

2、parseFloat()

parseFloat()转换函数可以将字符串转换为浮点数。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()

       var box="12.345";

       var box1=parseFloat(box);

       alert(typeof box1);//number

    </script>

</head>

<body>

</body>

</html>

结果：

注意：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()

      /*  var box="12.345";

       var box1=parseFloat(box);

       alert(typeof box1);//number */

       var box="34.435"; //parseFloat(box)=34

       var box1="987.67ererw";//parseFloat(box1)=987.67

       var box2="rr567.12";//parseFloat(box2)=NaN

       var box3="567wew.12";//parseFloat(box2)=NaN

       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));

    </script>

</head>

<body>

</body>

</html>

结果：

3、toString()

toString()转换函数返回字符串。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()

      /*  var box="12.345";

       var box1=parseFloat(box);

       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34

       var box1="987.67ererw";//parseFloat(box1)=987.67

       var box2="rr567.12";//parseFloat(box2)=NaN

       var box3="567wew.12";//parseFloat(box2)=NaN

       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()

       var a=4;

       var b=7;

       alert(a.toString()+b.toString());// 输出47，不是11

    </script>

</head>

<body>

</body>

</html>

结果：

二、强制类型转换函数

1、Boolean()

Boolean()转换为Boolean值。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()

      /*  var box="12.345";

       var box1=parseFloat(box);

       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34

       var box1="987.67ererw";//parseFloat(box1)=987.67

       var box2="rr567.12";//parseFloat(box2)=NaN

       var box3="567wew.12";//parseFloat(box2)=NaN

       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()

/*        var a=4;

       var b=7;

       alert(a.toString()+b.toString());// 输出47，不是11 */

       // Boolean()

       var a=8; //Boolean(a)：true 任何非0的数字都是true

       var b=0; //Boolean(b)：false

       var c="232"; // Boolean(c)：true 任何非空的字符串都是true

       var d="";// Boolean(d)：false

       var e; // Boolean(e)：false

       var f=null; //Boolean(f)：false

       document.write("a:"+Boolean(a)+"<br />");

       document.write("b:"+Boolean(b)+"<br />");

       document.write("c:"+Boolean(c)+"<br />");

       document.write("d:"+Boolean(d)+"<br />");

       document.write("e:"+Boolean(e)+"<br />");

       document.write("f:"+Boolean(f)+"<br />");

    </script>

</head>

<body>

</body>

</html>

结果：

2、Number()

Number()转换为数字。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()

      /*  var box="12.345";

       var box1=parseFloat(box);

       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34

       var box1="987.67ererw";//parseFloat(box1)=987.67

       var box2="rr567.12";//parseFloat(box2)=NaN

       var box3="567wew.12";//parseFloat(box2)=NaN

       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()

/*        var a=4;

       var b=7;

       alert(a.toString()+b.toString());// 输出47，不是11 */

       // Boolean()

/*        var a=8; //Boolean(a)：true 任何非0的数字都是true

       var b=0; //Boolean(b)：false

       var c="232"; // Boolean(c)：true 任何非空的字符串都是true

       var d="";// Boolean(d)：false

       var e; // Boolean(e)：false

       var f=null; //Boolean(f)：false

       document.write("a:"+Boolean(a)+"<br />");

       document.write("b:"+Boolean(b)+"<br />");

       document.write("c:"+Boolean(c)+"<br />");

       document.write("d:"+Boolean(d)+"<br />");

       document.write("e:"+Boolean(e)+"<br />");

       document.write("f:"+Boolean(f)+"<br />"); */

       // Number()

       var a="34"; //Number(a)：34

       var b="67.34";//Number(b)：67.34

       var c="45ttt";//Number(c)：NaN

       var d="";//Number(d)：0

       var e=true;//Number(a)：1

       var f=false;//Number(a)：0

       var g;//Number(a)：NaN

       var h=null;//Number(a)：0

       document.write("a:"+Number(a)+"<br />");

       document.write("b:"+Number(b)+"<br />");

       document.write("c:"+Number(c)+"<br />");

       document.write("d:"+Number(d)+"<br />");

       document.write("e:"+Number(e)+"<br />");

       document.write("f:"+Number(f)+"<br />");

       document.write("g:"+Number(g)+"<br />");

       document.write("h:"+Number(h)+"<br />");

    </script>

</head>

<body>

</body>

</html>

结果：

3、String()

String()转换为字符串。

例如：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>转换函数</title>

    <script>

       // parseInt()

       /* var box="34";

       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34

       var box1="987.67";//parseInt(box1)=987

       var box2="rr567";//parseInt(box2)=NaN

       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()

      /*  var box="12.345";

       var box1=parseFloat(box);

       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34

       var box1="987.67ererw";//parseFloat(box1)=987.67

       var box2="rr567.12";//parseFloat(box2)=NaN

       var box3="567wew.12";//parseFloat(box2)=NaN

       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()

/*        var a=4;

       var b=7;

       alert(a.toString()+b.toString());// 输出47，不是11 */

       // Boolean()

/*        var a=8; //Boolean(a)：true 任何非0的数字都是true

       var b=0; //Boolean(b)：false

       var c="232"; // Boolean(c)：true 任何非空的字符串都是true

       var d="";// Boolean(d)：false

       var e; // Boolean(e)：false

       var f=null; //Boolean(f)：false

       document.write("a:"+Boolean(a)+"<br />");

       document.write("b:"+Boolean(b)+"<br />");

       document.write("c:"+Boolean(c)+"<br />");

       document.write("d:"+Boolean(d)+"<br />");

       document.write("e:"+Boolean(e)+"<br />");

       document.write("f:"+Boolean(f)+"<br />"); */

       // Number()

 /*       var a="34"; //Number(a)：34

       var b="67.34";//Number(b)：67.34

       var c="45ttt";//Number(c)：NaN

       var d="";//Number(d)：0

       var e=true;//Number(e)：1

       var f=false;//Number(f)：0

       var g;//Number(g)：NaN

       var h=null;//Number(h)：0

       document.write("a:"+Number(a)+"<br />");

       document.write("b:"+Number(b)+"<br />");

       document.write("c:"+Number(c)+"<br />");

       document.write("d:"+Number(d)+"<br />");

       document.write("e:"+Number(e)+"<br />");

       document.write("f:"+Number(f)+"<br />");

       document.write("g:"+Number(g)+"<br />");

       document.write("h:"+Number(h)+"<br />"); */

       // String()

       var a=34; //String(a)：34

       var b=67.34;//String(b)：67.34

       var c=true;//String(c)：true

       var d=false;//String(d)：false

       var e=null;//String(e)：null

       var f; //String(f):undefined

       document.write("a:"+String(a)+"<br />");

       document.write("b:"+String(b)+"<br />");

       document.write("c:"+String(c)+"<br />");

       document.write("d:"+String(d)+"<br />");

       document.write("e:"+String(e)+"<br />");

       document.write("f:"+String(f)+"<br />");

    </script>

</head>

<body>

</body>

</html>

结果：

JavaScript（三）：数据类型转换的更多相关文章

JavaScript中数据类型转换总结
JavaScript中数据类型转换总结在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = " ...
JavaScript的数据类型转换
首先,由于JavaScript是弱类型语言(弱类型的语言的东西没有明显的类型,他能随着环境的不同,自动变换类型而强类型则没这样的规定,不同类型间的操作有严格定义,只有相同类型的变量才能操作,虽然系统也 ...
JavaScript之数据类型转换
JavaScript中有多种数据类型,在实际工作中,不管是有意还是无意的,我们总能碰到不一样的数据类型值之间进行运算,或者我想从用户输入获得一个数字时,而用户却输入了一个字符串,这种时候就需要用到今天 ...
Sql Server函数全解<三>数据类型转换函数和文本图像函数
阅读目录一:数据类型转换函数二:文本和图像函数一:数据类型转换函数在同时处理不同数据类型的值时,SQL Server一般会自动进行隐士类型转换.对于数据类型相近的值是有效的,比如int和flo ...
Util应用程序框架公共操作类(三):数据类型转换公共操作类（扩展篇）
上一篇以TDD方式介绍了数据类型转换公共操作类的开发,并提供了单元测试和实现代码,本文将演示通过扩展方法来增强公共操作类,以便调用时更加简化. 下面以字符串转换为List<Guid>为例进 ...
Sql Server函数全解(三)数据类型转换函数和文本图像函数
一:数据类型转换函数在同时处理不同数据类型的值时,SQL Server一般会自动进行隐士类型转换.对于数据类型相近的值是有效的,比如int和float,但是对于其它数据类型,例如整型和字符类型,隐士 ...
js | JavaScript中数据类型转换总结
转载在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = “123”; a = Number(a); ...
Struts2入门(三)——数据类型转换
一.前言笔者一直觉得,学习一个知识点,你首先要明白,这东西是什么?有什么用?这样你才能了解.好了,不说废话. 1.1.类型转换为何存在?什么是类型转换? 在MVC框架中,都是属于表示层解决方案,都需 ...
javascript中数据类型转换
转换为数字: parseInt():转换为整数型数值:从下标0开始判断,若为数值型则继续直到遇到非数值,返回前面的整数值: 小数点无效,若0开始为非数值则返回NaN: 转换空字符串会返回NaN: 能转 ...
JS 之数据类型转换
首先我们来简单了解一下JS中的数据类型,JavaScript拥有字符串.数字.布尔.数组.对象.Null.Undefiend 6中数据类型.同一时候,JavaScript拥有动态类型. 也 ...

随机推荐

windows系统如何通过Xshell 客户端连接 linux系统（主要介绍ubuntu系统）
一. 1.查看ubuntu系统的ip地址:ifconfig 在window系统运行窗口下:ping ubuntu系统的IP地址:例如:ping 192.168.163.129 出现下述命令就是ping ...
kail-linux下安装pycharm
1.下载pycharm pycharm官网下载链接:https://www.jetbrains.com/pycharm/download/#section=linux 请注意下载对应系统的profes ...
Android 应用架构 - Google 推荐
Android 应用框架,一般都是使用的 MVC ,MVP ,MVVM 框架,目前 Google 推出了 Android 官方的应用框架. 用到的关键内容: LiveData, ViewModel, ...
PHP将CMYK颜色值和RGB颜色相互转换的例子
PHP将CMYK颜色值和RGB颜色相互转换的例子 function hex2rgb($hex) { $color = str_replace('#','',$hex); $rgb = array('r ...
第7讲 SPI和RAM IP核
学习目的: (1) 熟悉SPI接口和它的读写时序: (2) 复习Verilog仿真语句中的$readmemb命令和$display命令: (3) 掌握SPI接口写时序操作的硬件语言描述流程(本例仅以写 ...
浏览器自动转换URL编码产生乱码问题
如果网址中含有汉字,浏览器会自动将其转换成URL编码,而在接收端,它又自动转换回来. 大部分时候都没什么问题,但有时候就很讨厌.因为生成这种URL编码,编码时的字符集和解码字符集不一定相同,比如编码时 ...
maven正式版本和快照版本的区别
Maven中建立的依赖管理方式基本已成为Java语言依赖管理的事实标准,Maven的替代者Gradle也基本沿用了Maven的依赖管理机制.在Maven依赖管理中,唯一标识一个依赖项是由该依赖项的三个 ...
lua笔记二赋值语句
赋值是改变一个变量的值和改变表域的最基本的方法. a = "hello" .. "world" t.n = t.n + 1 Lua可以对多个变量同时赋值,变量列 ...
Techniques for HA IT Management
7. Techniques That Address Multiple Availability Requirements Redundancy Hardware Redundancy Example ...
adb无线网络调试
1.如果已经可以用usb连接adb,那么可以通过以下命令切换到无线连接方式. adb tcpip 5555 adb connect 192.168.0.101:5555 通过下面的命令可以切 ...

JavaScript（三）：数据类型转换

JavaScript（三）：数据类型转换的更多相关文章

随机推荐

热门专题