本篇学习资料主要讲解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. 《python源代码剖析》笔记 Python的编译结果

    本文为senlie原创.转载请保留此地址:http://blog.csdn.net/zhengsenlie 1.python的运行过程 1)对python源码进行编译.产生字节码 2)将编译结果交给p ...

  2. 【转载】究竟啥才是互联网架构“高可用”

    一.什么是高可用 高可用HA(High Availability)是分布式系统架构设计中必须考虑的因素之一,它通常是指,通过设计减少系统不能提供服务的时间. 假设系统一直能够提供服务,我们说系统的可用 ...

  3. tomcat 实现域名crm.test.com訪问

    **tomcat 上下文.实现的效果.是在浏览器输入ip或者域名能直接訪问.不用输入项目project名字 正常初始化都是http://10.243.12.34:8080/plcrm.要变成 crm. ...

  4. uva 10806 Dijkstra, Dijkstra. (最小费最大流)

    uva 10806 Dijkstra, Dijkstra. 题目大意:你和你的伙伴想要越狱.你的伙伴先去探路,等你的伙伴到火车站后,他会打电话给你(电话是藏在蛋糕里带进来的),然后你就能够跑去火车站了 ...

  5. 文件宝局域网传输/播放功能使用帮助(Mac电脑用户)

    使用局域网账户密码登录,可以访问电脑上所有文件 使用游客无账户密码登录,只能访问电脑上指定共享文件夹的文件. 怎么设置共享文件夹请参考: 1.打开“共享”偏好设置(选取苹果菜单 >“系统偏好设置 ...

  6. xamarin.android listview绑定数据及点击事件

    前言 listview是用来显示数据列表的一个控件,今天给大家带来如何使用cursor进行数据绑定以及点击事件. 导读 1.如何创建一个listview 2.如何使用cursor进行绑定数据 3.li ...

  7. 小程序登录方式切换 不做url跳转

    var filegUP = require('../../utils/getUserPassword.js'); var filemd5 = require('../../utils/md5.min. ...

  8. Ghost wenjian目录

    SOAMANAGER打不开网页,需要配置ghost 文件, C:\Windows\System32\drivers\etc   

  9. redis08----集群

    集群的作用: .主从备份,防止主机宕机 .读写分离,主服务器写,从服务器内容跟着主服务器,主服务器变他就变,读就从从服务器读.减轻主服务器的负担. .任务分离,比如消耗cpu和内存的操作,交给从服务器 ...

  10. (C)字节对齐#pragma pack()

    1. 为什么要进行对齐 对于结构体,编译器会自动进行成员变量对齐处理,是为了提高运算效率. 缺省情况下是自然对齐方式. 2. 自然对齐 即默认对齐,按照结构体的成员中size最大的成员进行对齐. 例: ...