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

随机推荐

怎么在eclipse中查到这个类用的是哪个jar的类和Eclipse 编译错误 Access restriction:The type *** is not accessible due to restriction on... 解决方案
找到了一个办法,你先按F3,然后点击Change Attached Source..按钮,在弹出的框里有个路径,我的路径是D:/SNFWorkSpace/JAR/~importu9.jar,然后你去引 ...
集群扩容的常规解决：一致性hash算法
写这篇博客是因为之前面试的一个问题:如果memcached集群需要增加机器或者减少机器,那么其他机器上的数据怎么办? 最后了解到使用一致性hash算法可以解决,下面一起来学习下吧. 声明与致谢: 本文 ...
hbase ERROR: wrong number of arguments (3 for 4)
hbase(main):036:0> get 'ddl', 'example', 'info:age'COLUMN ...
用友iuap云运维平台支持基于K8s的微服务架构
什么是微服务架构? 微服务(MicroServices)架构是当前互联网业界的一个技术热点,业内各公司也都纷纷开展微服务化体系建设.微服务架构的本质,是用一些功能比较明确.业务比较精练的服务去解决更大 ...
mybatis 对象关系映射例子
入门 http://legend2011.blog.51cto.com/3018495/908956 增删改 http://legend2011.blog.51cto.com/3018495/9130 ...
牛腩学Kotlin做Android应用
牛腩学Kotlin做Android应用,蹭热度视频,边学边做, 01-kotlin插件安装及hello world 02-kotlin基础语法速览哔哩哔哩观看地址:http://www.bilibi ...
Egret入门了解
0.前言这个星期没有什么事做,就想找点技术了解一下.前段时间看过Egret,用来开发HTML5小游戏.一开始以为很麻烦的,但是经过这两天了解了一下,如果用这个游戏引擎来开发一些简单的游戏,还是蛮方便 ...
Java 虚拟机类加载器
虚拟机设计团队把类加载阶段张的”通过一个类的全限定名来获取此类的二进制字节流”这个动作放到Java虚拟机外部去实现,以便让应用程序自己决定如何去获取所需要的类.实现这个动作的代码模块称为”类加载器”. ...
（原创）一个简洁通用的调用DLL函数的帮助类
本次介绍一种调用dll函数的通用简洁的方法,消除了原来调用方式的重复与繁琐,使得我们调用dll函数的方式更加方便简洁.用过dll的人会发现c++中调用dll中的函数有点繁琐,调用过程是这样的:在加载d ...
vim学习笔记（11）：vim 去掉<200b>
vim查看文件,发现多了<200b>字符,使用/200b搜索匹配不上:grep 200b 也匹配不上查询后才知道:200b是:Unicode Character 'ZERO WIDTH ...

JavaScript（三）：数据类型转换

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

随机推荐

热门专题