JavaScript|数据类型的使用

简介: JavaScript|数据类型的使用

问题描述

每一种计算机语言都有自己的数据结构和数据类型,JavaScript脚本语言中则是采用弱数据类型的方式,即一个数据不必首先做声明,可以在使用或赋值时再确定其数据的类型,接下来就介绍一下JavaScript数据类型的使用。

解决方案

1 typeof运算符的使用

typeof运算符有一个参数,即要检查的变量或值。例如:

var one = "test string";

alert(typeof one);//输出“string”

alert(typeof 86);//输出“number”

对变量或值,调用typeof将返回下列值之一:

(1)undefined:如果变量时Undefined类型的;

(2)boolean:如果变量是Boolean类型的;

(3)number:如果变量是Number类型的;

(4)string: 如果变量是String类型的;

(5)object: 如果变量是一种引用类型或Null类型的;

2 undefined运算符的使用

undefined是未定义类型的变量,表示变量还没有赋值,如 var a;或者赋予一个不存在的属性值,例如 var a =String.notProperty 。

在JavaScript中有一种特殊的数字常量NaN,表示“非数值”,当在程序中由于某种原因发生计算错误后,将产生一个没有意义的数值,此时JavaScript返回的数值就是NaN。

示例:

<!DOCTYPE html>

<html>

       <head>

              <meta  charset="UTF-8">

              <title>javascript数据类型的使用</title>

       </head>

       <body>

              <script  type="text/javascript">

                     var  xiaozhan;

                     document.write(xiaozhan  + "<br/>")

              </script>

       </body>

</html>

运行效果:

图1.1 undefined运算符的使用

3 null类型的使用

JavaScript中的关键字null是一个特殊的值,表示空值,用于定义空的或者不存在的引用。不过null不等同于空的字符串或0。由此可见null与undefined的区别是:null表示一个变量被赋予了一个空值,而undefined则表示该变量还未被赋值。

示例:

<!DOCTYPE html>

<html>

       <head>

              <meta  charset="UTF-8">

              <title>javascript数据类型的使用</title>

       </head>

       <body>

              <script  type="text/javascript">

                     var  xiaozhan;

                     document.write(xiaozhan  + "<br/>")

                     var  longlong = null;

                     document.write(longlong  + "<br/>")

              </script>

       </body>

</html>

运行结果:

图1.2 null类型的使用

4 Boolean类型的使用

布尔类型Boolean表示一个逻辑数值,用于表示两种可能的情况。逻辑真用true表示;逻辑假用false表示。通常我们使用1表示真,0表示假。

示例:

<!DOCTYPE html>

<html>

       <head>

              <meta  charset="UTF-8">

              <title>javascript数据类型的使用</title>

       </head>

       <body>

              <script  type="text/javascript">

                     var  a1 = Boolean("");

                     var  a2 = Boolean("a");

                     var  a3 = Boolean("0");

                     var  a4 = Boolean("1");

                     var  a5 = Boolean("-1");

                     var  a6 = Boolean(null);

                     var  a7 = Boolean(undefined);

                     var  a8 = Boolean(new Object());

                     document.write(a1+"<br/>");

                     document.write(a2+"<br/>");

                     document.write(a3+"<br/>");

                     document.write(a4+"<br/>");

                     document.write(a5+"<br/>");

                     document.write(a6+"<br/>");

                     document.write(a7+"<br/>");

                     document.write(a8+"<br/>");

              </script>

       </body>

</html>

运行效果:

图1.3 Boolean类型的使用

5 Number类型的使用

JavaScript的数值类型可以分为四种,整数、浮点数、内部常数和特殊值。整数可以为正整数、负整数和0;浮点数可以包含小数点,也可以包含一个“e”,或者同时包含这两项;整数可以以10、8、16作为基数表示。

<!DOCTYPE html>

<html>

       <head>

              <meta  charset="UTF-8">

              <title>javascript数据类型的使用</title>

       </head>

       <body>

              <script  type="text/javascript">

                     var  z1 = 20.00;

                     var  z2 = 20;

                     var  f = 12e4;

                     var  x =12e4-5;

                     document.write(z1  + "<br/>")

                     document.write(z2  + "<br/>")

                     document.write(f  + "<br/>")

                     document.write(x  + "<br/>")

              </script>

       </body>

</html>

运行效果:

图1.4 Number类型的使用

6 String类型的使用

字符串是用一对单引号('')或双引号("")和引号中的内容构成的。

一个字符串也是JavaScript中的一个对象,有专门的属性。引号中间的内容可以是任意的字符,如果没有字符,则是一个空的字符串。如果要在字符串中使用双引号,则应该将其包含在使用单引号的字符串中,使用单引号时反之。

示例:

<!DOCTYPE html>

<html>

       <head>

              <meta  charset="UTF-8">

              <title>javascript数据类型的使用</title>

       </head>

       <body>

              <script  type="text/javascript">

                     var string1 = "XiaoZhan";

                     var  string2 = 'XiaoZhan';

                     var  string3 = "XiaoZhan is a handsome boy!";

                     var  string4 = "His fans told him to 'zhanzhan'.";

                     var  string5 = 'He once said:"everyone has something to accomplish"!'

                     document.write(string1  + "<br/>")

                     document.write(string2  + "<br/>")

                     document.write(string3  + "<br/>")

                     document.write(string4  + "<br/>")

                     document.write(string5  + "<br/>")

              </script>

       </body>

</html>

运行结果:

图1.5 String类型的使用

7 Object类型的使用

前面介绍的几种数据类型是JavaScript的原始数据类型,而Object是对象类型,该数据类型中包括Object、Function、Number、String、Boolean、Array、Regexp、Date、Global、Math、Erroe和宿主环境提供的object类型。

示例:

<!DOCTYPE html>

<html>

       <head>

              <meta  charset="UTF-8">

              <title>javascript数据类型的使用</title>

       </head>

       <body>

              <script  type="text/javascript">

                     person  = new Object();

                     person.name  = "xiaozhan";

                     person.occupation  = "singer and performer";

                     document.write(person.name  + " is a " + person.occupation);

              </script>

       </body>

</html>

运行效果:

图1.6 Object类型的使用


目录
相关文章
|
3月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
141 59
|
4月前
|
JavaScript
js基础数据类型
js基础数据类型
32 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
81 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
2月前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
23 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
19 0
|
3月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
52 2
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
44 2
JavaScript基础知识-基本数据类型和引用数据类型
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
4月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
381 1
|
4月前
|
JavaScript 前端开发
JS常用数据类型转换(数字型和字符串型之间转换)
JS常用数据类型转换(数字型和字符串型之间转换)
62 2