本篇学习资料主要讲解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. vuex 与 redux 的 区别

    一:redux和flux的区别 1)redux是flux中的一个实现 2))在redux中我们只能定义一个store,在flux中我们可以定义多个 3)在redux中,store和dispatch都放 ...

  2. app具体介绍界面-01

    在我们的上一篇博客中,我们介绍了首页中的app列表界面怎样完毕.这个ListView以及其Adapter会在我们后面的界面中重用,所以这个是比較重要的,在这一篇博客中,我们先完毕app具体介绍界面的一 ...

  3. c语言-01背包问题

    01背包问题 问题:有N件物品和一个容量为V的背包.第i件物品的费用是c[i],价值是w[i].求解将哪些物品装入背包可使价值总和最大. 分析: 这是最基础的背包问题,特点是:每种物品仅有一件,可以选 ...

  4. 汉澳sinox不受openssl心血漏洞影响并分析修复其漏洞代码

    OpenSSL 心血(HeartBleed)漏洞 是openssl 在 2014-04-07 发布的重大安全漏洞(CVE-2014-0160)这个漏洞使攻击者可以从server内存中读取64 KB的数 ...

  5. 高速查询hive数据仓库表中的总条数

    Author: kwu 高速查询hive数据仓库中的条数.在查询hive表的条数,通常使用count(*).可是数据量大的时候,mr跑count(*)往往须要几分钟的时间. 1.传统方式获得总条数例如 ...

  6. 阿里云serverMySQL无法连接问题解决纪实

    作者:fbysss QQ:溜酒酒吧酒吧吾散 blog:blog.csdn.net/fbysss 声明:本文由fbysss原创,转载请注明出处 背景: 在调试程序的时候,发现数据库訪问相关的环节出现错误 ...

  7. C# 通过window消息控制指定控件的scroll滚动

     [DllImport("User32.dll", CharSet = CharSet.Auto, SetLastError = true)]         private st ...

  8. dsBlog_杂类

    C++,MFC的综合类的博客. 1. http://www.cnblogs.com/mfryf/category/354043.html

  9. rtsp 播放器

    http://blog.csdn.net/niu_gao/article/details/7753672 /********************************************** ...

  10. 基于redis集群实现的分布式锁，可用于秒杀商品的库存数量管理，有測试代码(何志雄)

    转载请标明出处. 在分布式系统中,常常会出现须要竞争同一资源的情况,本代码基于redis3.0.1+jedis2.7.1实现了分布式锁. redis集群的搭建,请见我的另外一篇文章:<>& ...