本篇学习资料主要讲解javascript中的数据类型

Javascript的数据类型

Javascript的数据类型：即一个数据不必首先做声明，可以在使用或赋值时再确定其数据的类型，当然也可以先声明该数据类型。

计算机就是做数学计算的机器，可以处理各种数值，计算机能处理的远不止数值，还可以处理文本、图形、音频、视频、网页等各种各样的数据，不同的数据，需要定义不同的数据类型。JavaScript中定义了以下几种数据类型：“Undefined”未定义类型、“Null”空值、“Boolean”  布尔值、“Number类型”数值、“String类型”字符串、”Object类型”对象。

先说“Undefined”未定义类型、“Null”空值：

 undefined类型：是未定义类型的变量，表示变量还没有赋值，或者赋予一个不存在的属性。

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

案例解说：

<!doctype html>
<html>
<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

<meta name="keywords" content="javascript的数据类型，javascript入门，html">

<meta name="description" content="老罗江湖">

</head>

<title>undefined类型、null类型</title>

<body>

    <script type="text/javascript">

    //undefined类型：是未定义类型的变量，表示变量还没有赋值，或者赋予一个不存在的属性。

        var person;

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

    //null类型：javascript中的关键字null是一个特殊的值，表示空值，用于定义空的或不存在的引用。不过，null不等同于空的字符串或0。

       var car=null;

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

    </script>

</body></html>

效果图：

“Boolean”  布尔类型：

布尔类型Boolean表示一个逻辑数值，一个布尔值只有true、false两种值，要么是逻辑真，用true表示；要么是逻辑假，用false来表示。通常，使用1表示真（负数一样），0表示假。

案例解说：使用Boolean类型。

<!doctype html> 
<html>
<head>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="keywords" content="javascript的数据类型，javascript入门">

 <meta name="description" content="老罗江湖">

 <title> Boolean类型 </title>

 </head>

 <body>

  <!--布尔类型Boolean表示一个逻辑数值，用于表示两种可能的情况，逻辑真，用true表示；逻辑假，用false来表示。通常，使用1表示真（负数一样），0表示假。-->

  <script type="text/javascript">

  var b1 = Boolean("");//返回false，空字符串。

  var b2 = Boolean("s");//返回true，非字符串。

  var b3 = Boolean(0);//返回false，数字0。

  var b4 = Boolean(1);//返回true，非0数字。

  var b5 = Boolean(-1);//返回true，非0数字。

  var b6 = Boolean(null);//返回false。

  var b7 = Boolean(undefined);//返回false。

  var b8 = Boolean(new Object());//返回true，对象。

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

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

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

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

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

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

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

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

  </script>

  </body>

</html>

效果图：

Number类型：

javascript的数值类型可以分为4类，即整数、浮点数、内部常量和特殊值。

整数：可以为正数、0或者负数；

浮点数：可以包含小数点、也可以包含一个e(大小写均可，在科学记数中表示“10的幂”)、或者同时包含这两项。

合法的Number类型：

123; // 整数123

0.456; // 浮点数0.456

1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5

-99; // 负数

NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示

Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

案例解说：

<!doctype html>
<html>
<head>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="keywords" content="javascript的数据类型，javascript入门">

 <meta name="description" content="老罗江湖">

 <title> Number类型 </title>

 </head>

 <body>

 <script type="text/javascript">

  var x1 = 36.00;

  var x2 = 36;

  var y = 123e5;

  var z = 123e-5;

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

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

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

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

 </script>

 </body>

</html>

效果图：输出数值。

“String类型”字符串：

 字符串是用一对单引号（‘’）或者双引号（""）和引号中的部分构成的，比如‘abc’,“edf”等等。

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

案例解说：

<!doctype html>
<html>
<head>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="keywords" content="javascript的数据类型，javascript入门">

 <meta name="description" content="老罗江湖">

 <title> string类型 </title>

 </head>

 <body>

  <script type="text/javascript">

   var string1 = "小明";

   var string2 = '小明';

   var string3 = "how are you?";

   var string4 = "He is called '小明'";

   var string5 = 'He is called "小明"';

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

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

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

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

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

  </script>

 </body>

</html>

效果图：输出字符串。

“Object类型”：

 前面介绍的是javascript的几种数据类型都是原始数据类型，而Object是对象类型。

案例解说：

!doctype html>
 <html>

 <head>

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="keywords" content="javascript的数据类型，javascript入门">

 <meta name="description" content="老罗江湖">

 <title> Object类型 </title>

 </head>

 <body>

 <script type="text/javascript">

 person=new Object();

 person.firstname="李";

 person.lastname="小明";

 person.age=18;

 document.write( person.lastname + "is" +person.age + "years old." );

 </script>

 </body>

</html>

效果图：Object数据类型的使用。

变量的类型： 这个变量中存储的是什么样的数据，那么这个变量就是什么样类型。

变量之间的相互赋值以及变量可以和直接量一起输出。

/*以上的内容部分来自“javascript从零开始学”和个人学习笔记，此文最终解释权归本人所有！*/

（3）javascript的数据类型的更多相关文章

  1. JS-安全检测JavaScript基本数据类型和内置对象的方法

    前言:在前端开发中经常会需要用到检测变量数据类型的需求,比如:判断一个变量是否为undefined或者null来进行下一步的操作,今天在阅读“编写高质量代码-改善JavaScript程序的188个建议 ...

  2. JavaScript基础——数据类型

    JavaScript使用数据类型来确定如何处理被分配给一个变量的数据.变量的类型决定了你可以对变量进行什么操作,如循环或者执行.下面描述了最常用的变量类型. 字符串(String):此数据类型将字符数 ...

  3. JavaScript 的数据类型 相关知识点

    (1)基本数据类型介绍 JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type) 或者说是:可以拥有方法的类型和不能拥有方法的类型 或者说是 ...

  4. JavaScript的数据类型

    JavaScript的数据类型 1.JavaScript的数据类型包括:字符串.数值.布尔.数组.对象.Null.Undefined. 2.JavaScript拥有动态类型,这以为着同一个变量可用作不 ...

  5. JavaScript判断数据类型总结

    最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断网页特效,在此做一个总结吧! 一.JS中的数据类型  1.数值型(Number):包 ...

  6. JavaScript 学习之第一篇JavaScript的数据类型(2016/8/29 晚 23:12)

    1. JavaScript的数据类型 JavaScript 里面有6中数据类型 Boolean String Number Undefined Null Object object(对象)类型包含了数 ...

  7. 从头开始学JavaScript (三)——数据类型

    原文:从头开始学JavaScript (三)--数据类型 一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属 ...

  8. JavaScript基本数据类型

    JavaScript基本数据类型 在JavaScript种一共有6种数据类型:Null.Undefined.Boolean.String.Number.Object.其中Object是一种复杂数据类型 ...

  9. javaScript(4)---数据类型

    javaScript(4)---数据类型 第4章 数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.Stri ...

  10. 1：Javascript的数据类型和相互转换

    第一节:JavaScript的数据类型 他是弱类型 var 但是正是由于其实弱类 所以其后台的数据类型转换也是我们值得思考的 JavaScript的数据类型有两种 一种是原始类型  另外一种是对象类型 ...

随机推荐

  1. MVC框架的优缺点

    MVC框架的优缺点 解析:M(Model)-模型,V(View)-视图.C(Controller)-控制器 作用:M-处理应用程序数据部分,V-处理数据展示的部分.C-处理用户交互,逻辑功能实现 1. ...

  2. 混合minxins

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Umbrella Header for Module Bolts does not include header &#39;XXXXXX.h&#39;？

    在我们引入第三方Framwork时.有时会出现如标题的警告提示? 怎样解决? Framework 将在下面文件夹下创建一个Module/,并创建一个module.modulemap文件 waterma ...

  4. 3144: [Hnoi2013]切糕

    3144: [Hnoi2013]切糕 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 1526  Solved: 827[Submit][Status] ...

  5. oracle的索引有几种？各有何用途？

    1. b-tree索引Oracle数据库中最常见的索引类型是b-tree索引,也就是B-树索引,以其同名的计算科学结构命名.CREATE INDEX语句时,默认就是在创建b-tree索引.没有特别规定 ...

  6. inheritance super overrides printMethod in Superclass override重写父方法

    Core Java Web Page http://horstmann.com/corejava.html [ inheritance ] package v1ch05.inheritance; im ...

  7. 基于MATLAB的滤波算法

    目前比较经典的图像去噪算法主要有以下三种: 均值滤波:也称线性滤波,主要思想为邻域平均法,即用几个像素灰度  的平均值来代替每个像素的灰度.有效抑制加性噪声,但容易引起图像模糊,  可以对其进行改进, ...

  8. js中的width问题

    1.在jQuery中,width()方法用于获得元素宽度: innerWidth()方法用于获得包括内边界(padding)的元素宽度, outerWidth()方法用于获得包括内边界(padding ...

  9. android adb 源码框架分析（1 系统）【转】

    本文转载自:http://blog.csdn.net/luansxx/article/details/25203269 ‘ Adb模块包括adb,adbd,源代码都在system/core/adb目录 ...

  10. POJ1459 Power Network —— 最大流

    题目链接:https://vjudge.net/problem/POJ-1459 Power Network Time Limit: 2000MS   Memory Limit: 32768K Tot ...