本篇学习资料主要讲解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. 【微信支付】分享一个失败的案例 跨域405(Method Not Allowed)问题 关于IM的一些思考与实践 基于WebSocketSharp 的IM 简单实现 【css3】旋转倒计时 【Html5】-- 塔台管制 H5情景意识 --飞机 谈谈转行

    [微信支付]分享一个失败的案例 2018-06-04 08:24 by stoneniqiu, 2744 阅读, 29 评论, 收藏, 编辑 这个项目是去年做的,开始客户还在推广,几个月后发现服务器已 ...

  2. Using Virtual Serial Ports on Linux (Ubuntu)

    http://www.xappsoftware.com/wordpress/2013/10/07/using-virtual-serial-ports-on-linux-ubuntu/?goback= ...

  3. 基于bootstrap_登陆页面

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

  4. Android图表AChartEngine

    很多时候项目中我们需要对一些统计数据进行绘制表格,更多直观查看报表分析结果.基本有以下几种方法: 1:可以进行android api进行draw这样的话,效率比较低 2:使用开源绘表引擎,这样效率比较 ...

  5. 浅谈JavaScript的事件（事件对象）

    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息.包括导致事件的元素.事件的类型和事件的相关信息.例如鼠标操作的事件中,会包含鼠标的位置信息.而键盘触发的 ...

  6. kill 挂起 Apache Web Server

    [root@hadoop1 ~]# kill -l 1) SIGHUP 2) SIGINT 3) SIGQUIT 4) SIGILL 5) SIGTRAP 6) SIGABRT 7) SIGBUS 8 ...

  7. (27) java web的struts2框架的使用-基于表单的多文件上传

    和单个文件上传配置都是一样的,只是在action中接受参数时候,接受的是数组,不再是单个的文件. 一,action的实现: public class MutableFilesUpload extend ...

  8. 关于static和const

    先谈一下static, 它是一个存储修饰变量.被static修饰的变量存储在静态数据区,只初始化一次,保持数据的持久性.被static修饰的变量和函数有一个共同点是对其他的源文件不可见.被static ...

  9. min-width 和 @media screen

    min-width可以容器设置最小宽度,低于改宽度时,会自动加上滚动条,支持ie7及ie7+: @media only screen and (min-width: /*最小宽度(要加单位px)*/) ...

  10. ActiveMQ P2P模型 观察者消费

    生餐者: package clc.active.listener; import org.apache.activemq.ActiveMQConnectionFactory; import org.t ...