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

随机推荐

C#基础第一天-作业
1.从键盘上输入三个数,用if语句和逻辑表达式把最大数找出来.2.从键盘上输入三个数,用if语句和逻辑表达式把最小数找出来.3.输入一个成绩(0-100),然后用if else语句判断该成绩是优.良. ...
QT creator 编辑器快捷键
QT creator 编辑器快捷键一.快捷键配置方法: 进入“工具->选项->环境->键盘”即可配置快捷键. 二.常用默认快捷键: 编号快捷键功能 1 ...
讲讲python“=”运算符上的优雅语法
心路历程: 之前学linux,虽然学的行算不错,不过总感觉差了点什么,自己找不到也说不出来:直到有一天我看到别人mount上了一个普通文件: 当时给我的感觉这太不可思议了,这个文件又不是块设备:后来脑 ...
微信小程序之顶部固定和底部固定
顶部固定 <view style="position:fixed;top:0;"> ...... </view> 底部固定 <view style=& ...
jar依赖
https://blog.csdn.net/honghailiang888/article/details/53019635
vss整合配置连接到Myeclipse中以及中文配置
配置过很久后再次配置进行记录以免后续备用 1.下载vss插件和安装vss插件 org.vssplugin_1.6.2 解压到myeclipse 安装路径文件夹C:\MyEclipse 8.5\dro ...
[Windows Azure] Create a Virtual Network for Site-to-Site Cross-Premises Connectivity
Create a Virtual Network for Site-to-Site Cross-Premises Connectivity This tutorial walks you throug ...
【Linux技术】Windows与Linux系统下的库·初探
库的定义库文件是一些预先编译好的函数的集合,那些函数都是按照可再使用的原则编写的.它们通常由一组互相关联的用来完成某项常见工作的函数构成,从本质上来说库是一种可执行代码的二进制形式,可以被操作系统 ...
【内核】几个重要的linux内核文件
Preface 当用户编译一个linux内核代码后,会产生几个文件:vmlinz.initrd.img, 以及System.map,如果配置过grub引导管理器程序,会在/boot目录下看到这几个文件 ...
搜索页面scroll下拉时候进行刷新，显示更多搜索值
1.封装扩展scroll.vue功能: //props传值 pullup:{ type:Boolean, default:false } _initScroll(){ if(!this.$refs.w ...

JavaScript（三）：数据类型转换

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

随机推荐

热门专题