本篇学习资料主要讲解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. android学习笔记三--Activity 布局

    1.线性布局 标签 :<LinearLayout></LinearLayout> 方向:android:orientation, 垂直:vertical 水平:Horizont ...

  2. sql select(A.B)拼接

    需要做的工作:把DBtable里边的某两个字段,(当然可以更多)或者不同表,道理类似,用某个符号拼接起来. 比如(Table.A).(Tables.B) oracle里边可以这样写,sql没试: se ...

  3. 【配置关系】—Entity Framework实例详解

    实体间的关系,简单来说无非就是一对一.一对多.多对多,根据方向性来说又分为双向和单向.Code First在实体关系上有以下约定: 1. 两个实体,如果一个实体包含一个引用属性,另一个实体包含一个集合 ...

  4. 设计模式学习笔记——State状态模式

    从一个类中,将有关状态的处理分离出来,独立成类,并面向接口编程.作用是可以简化代码,避免过多的条件判断:if-else-

  5. bash shell中的特殊用法

    1 ${BASH_SOURCE-$0} 表示当前正在执行的脚本的完整路径. 2 cd -P 以物理路径进入 /usr/localhadoop现在链到/home/houzhizhen/usr/local ...

  6. (转)React Native 使用react-native-image-picker库实现图片上传功能

    react-native-image-picker作为一个集成相机和相册的功能的第三方库,因为其使用相对简单受到前端开发人员的喜爱. react-native-image-picker使用 首先,安装 ...

  7. 使用forever让node.js持久运行

    何为forever?forever可以看做是一个nodejs的守护进程,能够启动,停止,重启我们的app应用. npm install forever -g #安装 forever start app ...

  8. 命令行唤起xcode模拟器

    1.IOS模拟器列表获取命令 xcrun instruments -s 2.IOS启动模拟器命令 xcrun instruments -w "iPhone 8 (12.1)"

  9. POJ 2421 Constructing Roads (Kruskal算法+压缩路径并查集 )

    Constructing Roads Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 19884   Accepted: 83 ...

  10. YTU 2417: C语言习题 字符串长度

    2417: C语言习题 字符串长度 时间限制: 1 Sec  内存限制: 128 MB 提交: 758  解决: 548 题目描述 写一函数,求一个字符串的长度.在main函数中输入字符串,并输出其长 ...