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

随机推荐

mysql 中 delete 子查询的限制
1 DELETE FROM tablename 中的 tablename 不能起别名 delete ; [Err] - You have an error in your SQL syntax; 2 ...
JS实现PC、Android、IOS端的点击按钮复制内容功能
直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...
记一次mysql的存储过程改写
最近在对公司以前的老项目做整理,发现以前同事在程序中许多模块都是多次调用几个分散的存储过程..这样做无疑消耗了连接池的连接数,甚至会导致连接不够的时候创建连接池导致数据库处理的消耗..以及到处调用连接 ...
Hudson基本工作原理
从SVN下载代码到hudson服务器本地 -> 将SVN下载的源代码,利用maven[maven依赖pom.xml]或者ant[ant依赖build.xml]打包(war包),pom.xml ...
【Unity】3.3 用3ds Max 2015制作模型并将其导入到Unity
分类:Unity.C#.VS2015 创建日期:2016-04-05 一.常用三维软件简介由于游戏引擎本身的建模功能相对较弱,无论是专业性还是自由度都无法同专业的三维软件相比,所以大多数游戏中的模型 ...
微网站|h5弹窗|手机网站 html5 弹窗、弹层、提示框、加载条
为了精确体验,您可通过Chrome设备模式浏览.或通过[url=]手机扫二维码进入[/url] layer mobile是为移动设备(手机.平板等webkit内核浏览器/webview)量身定做的弹层 ...
非nodejs方式的vue.js的使用
1.node环境详细见我之前的文章,node的安装 2.git环境 git bash命令窗,支持bash命令,cmd不支持bash命令 3.cnpm安装 cnpm是针对国内使用npm网络慢的而使用的 ...
添加Fragment报已有父view，需先移除的错
错误LOG: 12-13 17:05:28.754: E/AndroidRuntime(8344): FATAL EXCEPTION: main 12-13 17:05:28.754: E/Andro ...
java连接https时禁用证书验证.
import java.io.File; import java.security.cert.CertificateException; import java.util.List; import j ...
C# FileStream 文件复制
方法: /// <summary> /// 文件复制 /// </summary> /// <param name="source">源文件,例 ...

JavaScript（三）：数据类型转换

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

随机推荐

热门专题