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 作为一门广泛使用的编程语言，其数据类型主要可以分为两大类：基本类型和引用类型。此外，类型转换在编程中也是一个不可或缺的部分。接下来，我们将详细探讨JavaScript中的基本类型、引用类型以及类型...
javaScript基本数据类型
JavaScript中的Number类型是基本数据类型之一，用于表示数值。它采用了IEEE754标准的64位浮点数格式，因此在JavaScript中没有专门的整数类型，所有的数字都被存储为浮点数，包括整数。这意味着即使你定义了一个看...
本文介绍了javascript中的5个原始值（数字，字符，布尔，null,undefined），6个typeo能判断（数字，字符，布尔，object,function,undefined）以及9个原生的内置构造函数，是篇非常不错的文章，这里推荐给大家。
由于JavaScript采用弱类型系统，变量可以在运行时改变其数据类型，这为编程提供了灵活性，但也可能导致一些难以预见的问题。此外，JavaScript还支持面向对象编程，允许开发者创建和操作对象，通过对象的方法和属性...
在JavaScript中，基本类型值的使用和处理非常重要，了解Undefined、Null和Boolean这三种基本类型值，能够帮助开发者更好地编写逻辑判断和数据验证的代码，为编写高质量的JavaScript程序打下坚实的基础。
2. **数据类型**：JavaScript有七种数据类型，包括基本类型（Boolean、Null、Undefined、Number、String、Symbol、BigInt）和引用类型（Object）。 3. **操作符**：包括算术操作符（+、-、*、/等）、比较操作符（==...
JavaScript的基本数据类型
总之，JavaScript的基本数据结构和类型构成了语言的基础，理解这些概念对于学习和掌握JavaScript至关重要。通过在HTML中嵌入JavaScript代码，可以实现丰富的网页动态效果和用户交互，为Web开发打开新的可能性。
大家经常可以见到javascript中的一些数据类型，比如“undefined”、“boolean”、“string”等等，这篇文章就和大家一起来学习JavaScript基本数据类型及值类型和引用类型，有需要的童鞋参考下，本文写的不好地方，还...
JavaScript的基本数据类型主要包括四种：数值（包括整数和浮点数）、字符串、布尔值和空值。 1. 数值：可以是整数或浮点数，比如123、3.14。此外，还可以使用科学记数法表示，如5E7（5乘以10的7次方）。 2. 字符串...
JavaScript矢量类型是一种在Web开发中用于处理图形和计算的工具，特别是在3D图形渲染和游戏开发中。GLSL（OpenGL Shading Language）是编写着色器的语言，它允许我们直接在GPU上运行代码，以实现高效的图形处理。将...
通过以上介绍，我们了解了JavaScript基本的语法特性，包括其执行逻辑、大小写规则、语句结束的分号使用以及两种类型的注释。在编写JavaScript代码时，遵循这些规则将有助于提高代码质量、可读性和可维护性。在实际...