一、转换函数
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拥有动态类型. 也 ...
随机推荐
-
asp.net留言板项目源代码下载
HoverTree是一个asp.net开源项目,实现了留言板功能. 前台体验网址:http://hovertree.com/guestbook/ 后台请下载源代码安装. 默认用户名:keleyi 默认 ...
-
seajs实现JavaScript 的 模块开发及按模块加载
seajs实现了JavaScript 的 模块开发及按模块加载.用来解决繁琐的js命名冲突,文件依赖等问题,其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载. 官方文档:http:/ ...
-
MVC，MVP 和 MVVM 的图示
作者: 阮一峰 日期: 2015年2月 1日 复杂的软件必须有清晰合理的架构,否则无法开发和维护. MVC(Model-View-Controller)是最常见的软件架构之一,业界有着广泛应用.它本身 ...
-
ubuntu下安装与卸载qt的方法
http://blog.csdn.net/huyisu/article/details/24014407 ubuntu下安装与卸载qt的方法 分类: linux 2014-04-18 14:20 18 ...
-
XXX is not in the sudoers file.This incident will be reported
在fefora 10安装xz解压软件时,sudo make install 时,报错: 原因未知,在网上搜索为:权限问题,解决办法如下(来自百度): 解决方法如下: >.进入超级用户模式.也就是 ...
-
转 ---- Asp.net mvc项目分页功能
1.定义一个分页用的Page<T>类 1 /* 使用示例: 2 var pager = new Pager<Article>( 3 this.ControllerContext ...
-
mysql中exists的用法介绍
SELECT c.CustomerId, CompanyName 2 FROM Customers c 3 WHERE EXISTS( 4 SELECT OrderID FROM ...
-
TF常用知识
命名空间及变量共享 # coding=utf-8 import tensorflow as tf import numpy as np import matplotlib.pyplot as plt; ...
-
Prometheus 监控进程
Process-exporter process-exporter可以用来检测所选进程的存活状态 下载process-exporter 下载地址:https://github.com/ncabatof ...
-
xml文档对象模型doc
对与DOM来说 ,一切都是节点Node; ②Document可以看成一个节点,Element可以看成一个节点,Text可以看成一个节点, 封装出来的对象都可以看成节点Node; ③在JDK中,Node ...