本篇学习资料主要讲解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. angularjs中下拉框select option默认值

    1.问题说明: option ng-repeat多空白项 2.解决方案: html: <ion-view hide-nav-bar="true"> <ion-co ...

  2. free命令具体解释——Linux性能分析

    一.使用格式 语法格式:free [-b | -k | -m] [-o] [-s delay ] [-t] [-l] [-V] [-b | -k | -m] :选择数据的单位-b字节.-k千字节.-m ...

  3. Java 实现原型(Prototype)模式

    public class BaseSpoon implements Cloneable {//spoon 匙, 调羹 String name; public String getName() { re ...

  4. 关于使用openfiler作为共享存储来安装rac时的问题

    关于使用openfiler作为共享存储来安装rac时的问题 第一:一定要使用openfiler-2.3-x86-disc1.iso这个版本号的openfiler,不要使用其它版本号的openfiler ...

  5. 【java】itoo项目实战之hibernate 批量保存优化

    在itoo中.基本上每一个系统都有一个导入功能,大量的数据填写进入excel模板中.然后使用导入功能导入的数据库中,这样能够大大的提高工作效率. 那么导入就涉及到了批量保存数据库的问题了. 那么通常情 ...

  6. Sharepoint2013 列表的NewForm 页面加入一个 保存新建 button

    昨天一同事问我怎样在sharepoint2013的NewForm.aspx页面上加入一个 save and new的button.实现save 和new的功能.save的功能和默认的save按钮效果一 ...

  7. String常量池

    http://developer.51cto.com/art/201106/266454.htm

  8. android user 版本如何默认adb调试为打开【转】

    本文转载自:http://blog.csdn.net/chaihuasong/article/details/50342119 A. 软件准备 user版本需要先打开USB debug开关,打开方式如 ...

  9. Android设备adb授权的原理【转】

    本文转载自:http://blog.csdn.net/zahuopuboss/article/details/50831171 http://blog.csdn.net/sowhat_ah/artic ...

  10. uptime详解，最通俗的说明了cpu平均负载

    今天又个网友问uptime的三个平均负载值具体要怎么理解,发现要自己解释还真不知道怎么表达~~~~,下面到网上找了篇文章给大家分享:   uptime命令,有两大用处,一个是看您的机器的运行时间,另一 ...