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类型的使用


目录
相关文章
|
6天前
|
JavaScript 前端开发
js变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。
18 1
|
6天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
6天前
|
存储 JavaScript 前端开发
JavaScript数据类型详解
【4月更文挑战第4天】JavaScript有七种基本数据类型(Number, String, Boolean, Null, Undefined, Symbol, BigInt)和一种复杂数据类型(Object)。Number用于数字,String是不可变的文本,Boolean表示逻辑值,Null为空,Undefined表示未赋值,Symbol是唯一标识,BigInt处理大整数。Object用于复杂数据结构,如数组和函数。此外,`typeof`操作符检测数据类型,但有特殊行为,如`typeof null === &quot;object&quot;`。
23 2
|
6天前
|
JavaScript
typeof 和 instanceofJS数据类型(js的问题)
typeof 和 instanceofJS数据类型(js的问题)
|
6天前
|
JavaScript 前端开发
JavaScript 中有哪些数据类型?
JavaScript 中有哪些数据类型?
19 3
|
6天前
|
JavaScript
JS常用数据类型转换
JS常用数据类型转换
19 1
|
6天前
|
JavaScript
数据类型转换(js的问题)
数据类型转换(js的问题)
10 0
|
6天前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
4天前
|
存储 前端开发 JavaScript
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
|
6天前
|
存储 JavaScript 前端开发
JavaScript引用数据类型
JavaScript引用数据类型