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拥有动态类型. 也 ...

随机推荐

RAID简介[zz]
RAID 0 是指磁盘分段(Disk Striping)技术其实现方法为将数据分段,同时写到多个磁盘上.其优点是磁盘可以实现并行的输入和输出,提高磁盘读写速度,但是这种技术无容错性能:RAID 1是指 ...
“TableDetails”中列“IsPrimaryKey”的值为DBNull. Mysql EntityFramework
Entity Framework连接MySQL时 ...
基于prometheus监控k8s集群
本文建立在你已经会安装prometheus服务的基础之上,如果你还不会安装,请参考:prometheus多维度监控容器如果你还没有安装库k8s集群,情参考: 从零开始搭建基于calico的kuben ...
JDK1.6新特性，基础类库篇，IO支持
1. JDK1.6中提供了java.io.Console类 JDK1.6中提供了java.io.Console 类专用来访问基于字符的控制台设备.你的程序如果要与Windows下的cmd或者Linux ...
本地搭建 Gradle 服务器，提高 Android Studio Gradle 下载速度
AndroidStudio 更新以后,在公司网会卡在下载 Gradle 的地方,下载 Gradle 速度很慢. 看到别人的博客提供的解决办法本地搭建一个 Gradle 的服务器,然后把 Android ...
Http Post 二进制通信
客户端请求和接收(使用了httpclient4.3 和netty3.5) public static void httpPost11() { CloseableHttpClient httpClien ...
mui封装做好的手机版网站为apk
BOSS提到的一个功能,就是把已经做好的手机网站http://xxx.com/m/home/index ,想着看起来应该蛮简单,一个html页面里就一个iframe就好了,然后宽度和高度都设置为100 ...
[svc]jdk+tomcat部署.jforum论坛部署
安装jdk和tomcat jdk1.7.0_13(系列)下载url 我这里用的最新的jdk. 去官网下载即可 cd /usr/local/src/ tar xf jdk-8u162-linux-x64 ...
AdminLTE, Color Admin
AdminLTE, Color Adminhttps://github.com/almasaeed2010/AdminLTE/http://www.seantheme.com/color-admin- ...
Struts2对值的推断
目的是想将jsp中的input输入: <input class="inputstyle" type="text" value="<s:pr ...

JavaScript（三）：数据类型转换

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

随机推荐

热门专题