本篇学习资料主要讲解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. 安卓APK瘦身

    之前打包的时候直接就用eclipse或者android studio直接生成签名文件,并没有关心大小问题,近期有人问我有没有对APK进行瘦身.对这方面内容一致没有关注过,今天试用了各种方式把项目签名a ...

  2. 使用virtualenv, uwsgi, nginx来布署flask

    本文讲述了怎样使用virtualenv, uwsgi, nginx来布署flask的步骤. 升级软件包 运行下面命令,保证你的机器安装了最新的软件包. sudo apt-get update sudo ...

  3. 2016/06/16 phpexcel

      程序部分   require_once './phpexcel/PHPExcel.php';   // 首先创建一个新的对象  PHPExcel object $objPHPExcel = new ...

  4. DRF之视图组件 三次封装

    1.为什么要进行封装 1.1 在处理表的时候,如果有几十张表都需要增删改查查时,如果每一张表都写这些方法,会让代码显得冗余,所以需要将这些方法进行封装,然后不同的表都去继承这写方法.(这是思路) 1. ...

  5. IE6span 高度问题

    IE6盒子的最小高度为20px,所以设置低于20px大小时,加上_overflow:hidden;

  6. ios实现倒计时的两种方法

    方法1:使用NSTimer来实现 主要使用的是NSTimer的scheduledTimerWithTimeInterval方法来每1秒执行一次timeFireMethod函数,timeFireMeth ...

  7. ActiveMQ 安全认证

    修改配置文件 位置: apache-activemq-5.9.0/conf/ vi activemq.xml 在<broker xmlns="http://activemq.apach ...

  8. adb获取Android系统属性（adb shell getprop ***）数据来源

    在Android系统中,它的根文件系统下有几个用于启动系统时需要的配置文件: /init.rc /default.prop /system/build.prop 通常我们可以通过命令getprop获取 ...

  9. WAS：Thread "server.startup : 1" (00000020) and may be hung异常

    有现场server启动时,启动不了,后台报错如下: [// ::: CST] ThreadMonitor W WSVR0605W: Thread ) has been active milliseco ...

  10. 转:Oracle客户端NLS_LANG参数的设置详解

    原文:http://database.51cto.com/art/201107/279361.htm 我们知道,Oracle客户端语言支持可以通过NLS_LANG参数的设置来完成,不同的系统平台上NL ...