JavaScript基本类型
一．布尔型
二．字符串型
三．数值型
四．函数
附源代码：
1．布尔型
<!DOCTYPE HTML PUBLIC "-//W 3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Boolean型测试</title>
</head>
<body>
<div align="center">
<B>布尔型</B></div><br>
<table align="center" border="1" width="70%">
<tr>
<th>序号</th>
<th>表达式</th>
<th>值</th>
</tr>
<tr>
<td>1</td>
<td>+true</td>
<td><input id=res1></input></td>
</tr>
<tr>
<td>2</td>
<td>+false</td>
<td><input id=res2></input></td>
</tr>
<tr>
<td>3</td>
<td>parseInt(true)</td>
<td><input id=res3></input></td>
</tr>
<tr>
<td>4</td>
<td>parseInt(false)</td>
<td><input id=res4></input></td>
</tr>
<tr>
<td>5</td>
<td>true + ""</td>
<td><input id=res5></input></td>
</tr>
<tr>
<td>6</td>
<td>false + ""</td>
<td><input id=res6></input></td>
</tr>
<tr>
<td>7</td>
<td>new Boolean(true)</td>
<td><input id=res7></input></td>
</tr>
<tr>
<td>8</td>
<td>new Boolean(false)</td>
<td><input id=res8></input></td>
</tr>
<tr>
<td>9</td>
<td>new Boolean("true")</td>
<td><input id=res9></input></td>
</tr>
<tr>
<td>10</td>
<td>new Boolean("false")</td>
<td><input id=res10></input></td>
</tr>
<tr>
<td>11</td>
<td>true == "0"</td>
<td><input id=res11></input></td>
</tr>
<tr>
<td>12</td>
<td>false == "0"</td>
<td><input id=res12></input></td>
</tr>
<tr>
<td>13</td>
<td>true == "1"</td>
<td><input id=res13></input></td>
</tr>
<tr>
<td>14</td>
<td>false == "1"</td>
<td><input id=res14></input></td>
</tr>
</table>
<table align="center" border="0" width="70%">
<button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>
</table>
</body>
</html>
<script>
function calculateResult() {
res1.value = +true;
res2.value = +false;
res3.value = parseInt(true);
res4.value = parseInt(false);
res5.value = true + "";
res6.value = false + "";
res7.value = new Boolean(true);
res8.value = new Boolean(false);
res9.value = new Boolean("true");
res10.value = new Boolean("false");
res11.value = true == "0";
res12.value = false == "0";
res13.value = true == "1";
res14.value = false == "1";
}
</script>
2. 字符串型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Character型测试</title>
</head>
<body>
<div align="center">
<B>字符串型</B></div><br>
<table align="center" border="1" width="70%">
<tr>
<th>序号</th>
<th>表达式</th>
<th>值</th>
</tr>
<tr>
<td>1</td>
<td>parseInt("1.2")</td>
<td><input id=res1></input></td>
</tr>
<tr>
<td>2</td>
<td>parseInt("1.2 ")</td>
<td><input id=res2></input></td>
</tr>
<tr>
<td>3</td>
<td>parseInt(" 1.5")</td>
<td><input id=res3></input></td>
</tr>
<tr>
<td>4</td>
<td>parseInt("1.2XX")</td>
<td><input id=res4></input></td>
</tr>
<tr>
<td>5</td>
<td>parseInt("0xff")</td>
<td><input id=res5></input></td>
</tr>
<tr>
<td>6</td>
<td>parseInt("010")</td>
<td><input id=res6></input></td>
</tr>
<tr>
<td>7</td>
<td>parseInt("str")</td>
<td><input id=res7></input></td>
</tr>
<tr>
<td>8</td>
<td>parseInt(".1")</td>
<td><input id=res8></input></td>
</tr>
<tr>
<td>9</td>
<td>parseFloat(".1")</td>
<td><input id=res9></input></td>
</tr>
<tr>
<td>10</td>
<td>"str" == new String("str")</td>
<td><input id=res10></input></td>
</tr>
<tr>
<td>11</td>
<td>"str" === new String("str")</td>
<td><input id=res11></input></td>
</tr>
<tr>
<td>12</td>
<td>"" ? true:false</td>
<td><input id=res12></input></td>
</tr>
<tr>
<td>13</td>
<td>"0" ? true:false</td>
<td><input id=res13></input></td>
</tr>
<tr>
<td>14</td>
<td>"str" ? true:false</td>
<td><input id=res14></input></td>
</tr>
<tr>
<td>15</td>
<td>"" == 0</td>
<td><input id=res15></input></td>
</tr>
<tr>
<td>16</td>
<td>"0" == false</td>
<td><input id=res16></input></td>
</tr>
<tr>
<td>17</td>
<td>"1.2" == 1.2</td>
<td><input id=res17></input></td>
</tr>
</table>
<table align="center" border="0" width="70%">
<button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>
</table>
</body>
</html>
<script>
function calculateResult() {
res1.value = parseInt("1.2");
res2.value = parseInt("1.2 ");
res3.value = parseInt(" 1.5");
res4.value = parseInt("1.2XX");
res5.value = parseInt("0xff");
res6.value = parseInt("010");
res7.value = parseInt("str");
res8.value = parseInt(".1");
res9.value = parseFloat(".1");
res10.value = "str" == new String("str");
res11.value = "str" === new String("str");
res12.value = "" ? true:false;
res13.value = "0" ? true:false;
res14.value = "str" ? true:false;
res15.value = "" == 0;
res16.value = "0" == false;
res17.value = "1.2" == 1.2;
}
</script>
3. 数值型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Number型测试</title>
</head>
<body>
<div align="center">
<B>数值型</B></div><br>
<table align="center" border="1" width="70%">
<tr>
<th>序号</th>
<th>表达式</th>
<th>值</th>
</tr>
<tr>
<td>1</td>
<td>1.2 + ""</td>
<td><input id=res1></input></td>
</tr>
<tr>
<td>2</td>
<td>NaN + ""</td>
<td><input id=res2></input></td>
</tr>
<tr>
<td>3</td>
<td>isNaN("1.2")</td>
<td><input id=res3></input></td>
</tr>
<tr>
<td>4</td>
<td>isNaN("1.2 ")</td>
<td><input id=res4></input></td>
</tr>
<tr>
<td>5</td>
<td>isNaN("1.2XXX")</td>
<td><input id=res5></input></td>
</tr>
<tr>
<td>6</td>
<td>NaN == NaN</td>
<td><input id=res6></input></td>
</tr>
<tr>
<td>7</td>
<td>(0.1+0.2) == 0.3</td>
<td><input id=res7></input></td>
</tr>
<tr>
<td>8</td>
<td>1 == true</td>
<td><input id=res8></input></td>
</tr>
<tr>
<td>9</td>
<td>0 == false</td>
<td><input id=res9></input></td>
</tr>
</table>
<table align="center" border="0" width="70%">
<button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>
</table>
</body>
</html>
<script>
function calculateResult() {
res1.value = 1.2 + "";
res2.value = NaN + "";
res3.value = isNaN("1.2");
res4.value = isNaN("1.2 ");
res5.value = isNaN("1.2XXX");
res6.value = NaN == NaN;
res7.value = (0.1+0.2) == 0.3;
res8.value = 1 == true;
res9.value = 0 == false;
}
</script>
4. 函数
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Function测试</title>
</head>
<body>
<div align="center">
<B>函数</B></div><br>
<table align="center" border="1" width="70%">
<tr>
<th>序号</th>
<th>表达式</th>
<th>值</th>
</tr>
<tr>
<td>1</td>
<td>[] + ""</td>
<td><input id=res1></input></td>
</tr>
<tr>
<td>2</td>
<td>[12,22,33] + ""</td>
<td><input id=res2></input></td>
</tr>
<tr>
<td>3</td>
<td>+[]</td>
<td><input id=res3></input></td>
</tr>
<tr>
<td>4</td>
<td>+[9]</td>
<td><input id=res4></input></td>
</tr>
<tr>
<td>5</td>
<td>+[12,22,33]</td>
<td><input id=res5></input></td>
</tr>
<tr>
<td>6</td>
<td>{} + ""</td>
<td><input id=res6></input></td>
</tr>
<tr>
<td>7</td>
<td>+{}</td>
<td><input id=res7></input></td>
</tr>
<tr>
<td>8</td>
<td>function(){}</td>
<td><input id=res8></input></td>
</tr>
<tr>
<td>9</td>
<td>+function(){}</td>
<td><input id=res9></input></td>
</tr>
<tr>
<td>10</td>
<td>new Date()</td>
<td><input id=res10></input></td>
</tr>
<tr>
<td>11</td>
<td>+new Date()</td>
<td><input id=res11></input></td>
</tr>
<tr>
<td>12</td>
<td>[] == 0</td>
<td><input id=res12></input></td>
</tr>
<tr>
<td>13</td>
<td>[] == false</td>
<td><input id=res13></input></td>
</tr>
<tr>
<td>14</td>
<td>[0] == false</td>
<td><input id=res14></input></td>
</tr>
<tr>
<td>15</td>
<td>[] ? true:false</td>
<td><input id=res15></input></td>
</tr>
<tr>
<td>16</td>
<td>[0] ? true:false</td>
<td><input id=res16></input></td>
</tr>
</table>
<table align="center" border="0" width="70%">
<button id=calculateResult onClick="calculateResult(this.form)">生成结果</button>
</table>
</body>
</html>
<script>
function calculateResult() {
res1.value = [] + "";
res2.value = [12,22,33] + "";
res3.value = +[];
res4.value = +[9];
res5.value = +[12,22,33];
res6.value = {} + "";
res7.value = +{};
res8.value = function(){};
res9.value = +function(){};
res10.value = new Date();
res11.value = +new Date();
res12.value = [] == 0;
res13.value = [] == false;
res14.value = [0] == false;
res15.value = [] ? true:false;
res16.value = [0] ? true:false;
}
</script>
相关推荐
Asp.net AJAX JavaScript 基本类型扩展，收集了asp.net ajax框架对javaScript的扩展情况，介绍怎么利用这个加强版的javascript进行ajax编程
主要介绍了JavaScript基本类型和引用类型，基本类型中还包含了类型转换，感兴趣的小伙伴们可以参考一下
主要介绍了JavaScript基本类型与引用类型详解,讲解了如类型的判断、类型的转换、类型的复制等内容,需要的朋友可以参考下
本文主要介绍了JavaScript基本类型值-Number类型的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧
javaScript基本数据类型
本文主要介绍了JavaScript基本类型值-Undefined、Null、Boolean的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧
本文介绍了javascript中的5个原始值（数字，字符，布尔，null,undefined），6个typeo能判断（数字，字符，布尔，object,function,undefined）以及9个原生的内置构造函数，是篇非常不错的文章，这里推荐给大家。
认识JavaScript的数据类型;学习目标;认识JavaScript的数据类型; 1.变量的数据类型;基本数据类型-数字型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;认识JavaScript的数据类型;...
在JavaScript的基本类型中的数据可以是常量，也可以变量。由于JavaScript采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是...
JavaScript初学者应该看，介绍了JavaScript的基本数据类型和基本语法知识。如果想系统学JavaScript的话这个不行。知识简单的让你有个了解，可以让你读懂JavaScript。
Javascript重难点实例精讲之基本数据类型
JavaScript类型检测的方法... JavaScript的基本类型分为原始基本类型和引用数据类型： 原始基本类型： number string boolean null undefined symbol 引用数据类型： Object Function Array Date R
JavaScript高级程序设计之基本引用类型 目录 1、Date2、RegExp3、原始包装类型 1、Date 2、RegExp 3、原始包装类型 前言： 引用值（对象）都是某个特定的引用类型的实例对象，例如 Date类型、Function类型，...
JavaScript的数据类型分为基本数据类型和复合数据类型。复合数据类型主要有对象、数组与函数。基本数据类型有数值数据类型、字符串数据类型、逻辑数据类型以及undefined和 null 两个特殊的数据类型。在数值数据类型...
数据类型 JavaScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object，Object本质上是由一组无序的名值对组成的。 typeof操作符 介于...