JavaScript的基本数据类型如何使用？

avaScript中的数据类型分为两大类，分别是基本数据类型和复杂数据类型(或称为引用数据类型)，如图所示。

本节重点讲解基本数据类型。下面我们用代码演示基本数据类型的使用。

(1)数字型(Number)，包含整型值和浮点型值:

var numl = 21;                          //整型值 
var num2 = 0.21;                         //浮点型值

(2)布尔型(Boolean)，包含 true 和false 两个布尔值 :

var booll = true;                  //表示真、1、成立
var bool2 = false;                 // 表示假、0、不成立

(3)字符串型(String)，用单引号或双引号包裹:

var strl = '';                    //空字符串
var str2 = 'abc';                 //单引号包裹的字符串 abc
var str3 = "abc";                 //双引号包裹的字符串 abc

(4)未定义型(Undefined)，只有一个值 undefined :

var a;                           // 声明变量 a，未赋值，此时 a就是undefined
var b = undefined;               //变量b的值为 undefined

(5)定型(Null)，只有一个值null:

var a = null;                   //变量a的值为nu11

需要注意的是，代码中的值 tue、false、undefined和null全部都要写成小写字母。

文本标记语言（Hyper Text Markup Language，简称为HTML）是一种创建网页的标准标记语言。这不是一个编程语言，而是一个标记语言，使用各种标签来描述一个页面的样子，作为一个数据分析入门学习者，我们不需要完全学会怎么编写，怎么调试，只需要我们会看的懂，然后知道定位到我们需要的内容就即可。

网页组成

一个网页通常是由HTML元素、CSS样式和JavaScript脚本组成，但是对于数据采集来说，有用的只有HTML元素。通俗一点讲，网页就是一个房子，html就是简单的毛坯，CSS就是给房子来个精装修，Js脚本就是给房子通上了水电。要是把房子的精装修拆除，房子也可以用，就是有点难看，网页也是一样，把CSS样式拿走，内容还在，但是就不太美观。一个网页的大体结构如下：

<html>
<head>
<title>页面标题</title>
<script src="jquery-2.2.0.min.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<h1>这是标题</h1>
<p>段落1</p>
<p>段落2</p>
</body>
</html>

由标签<html>和</html>分别开头和结尾。只有<body></body>的部分才会在浏览器显示出来，<head></head>部分通常是写一些配置或者引入一些css或者js文件。

HTML标签

上面的网页示例中有很多的标签，比如说<p></p>，这表示一个段落，通常标签都是成对的。但是也有一些只有单个，没有结束标签，比如：< link ><br>等。这是需要了解到的，我们需要知道这些标签是表达的什么，里面存放的什么内容，好比我们需要知道一套房子每个房间是干啥的，这样的话，是去做饭还是去睡觉，都可以找到对的房间。数据采集的时候也是一样，需要知道我们的要找的东西在哪个标签下存放着，下表中例举几个常见的标签。

HTML属性

属性是为了给HTML标签增加了更丰富的信息，而且需要在开始标签中定义。比如最常用的超链接

<a href="http://www.mlscoder.cn">马拉松程序员</a>

很多时候，需要获取某一页面中的所有超链接，就是通过寻找所有<a>标签中的href属性中的值，来得到结果。在Html中需要重点认识的属性有下面5个

属性名	属性含义
class	表示元素的一个或多个类名
id	表示元素在页面的中唯一id
style	表示元素的行内css样式，高于class中样式
title	表示元素内的额外信息，鼠标悬停显示
type	表示元素的类型，一般配合input标签使用

上述5个元素的属性是最常见的，也是后面重点使用的，需要了解属性的用途。比如说要找到class为“col-10”的元素，或者href中包含www.mlscoder.cn开头的所有链接，都是需要依靠标签的属性key和value来判断。

喽，大家好啊，这里是雷工笔记，我是雷工。

数据类型比较常见，无论是对程序员，还是电气工程师来说，都再熟悉不过了，这里跟着教程了解一下，主要看跟自己以往在其他PLC，C#，组态软件中应用的有啥不同。

一、了解数据类型

在计算机的世界就像黑客帝国中的超级计算机，其中的人、物其实都是虚拟的数据。

数据类型：用来在计算机中标记程序的运算规则的。

计算机程序可以处理海量的数据，为啥要给数据分类？

1、为了更加充分和高效的应用计算机内存。

2、为了更加方便程序猿合理的使用数据。

二、数据类型分几种

JavaScript中的数据类型整体分为两大类：

1、基本数据类型；

2、引用数据类型（复杂类型）；

三、Number数字型

数字型即我们小学中学到的数字，可以是整数、小数、正数、负数。

数字类型：只要变量的值是纯数字，且没有引号，那么当前变量就是数字类型。

相比其他组态软件中分16位整型，双整型，有符号，无符号，浮点数等类型要简单些。

示例：

let age =20 //整数
let pi = 3.14 //小数

在JavaScript语言中正数、负数、小数等统称为数字类型Number。

注意事项：

1、JavaScript语言属于弱数据类型，变量到底属于什么类型，需要等赋值后，才能确定。

2、Java语言属于强数据类型，例如：int b=4;定义时就确认了，必须是整数。

四、算术运算符

1、数字类型在程序中可以有许多操作，例如，加+，减-，乘*、除/，等待，经常涉及运算。

运算涉及到算术运算符，也称作数学运算符，主要包括加、减、乘、除、取余等。

2、说到计算就涉及计算的优先级，在JavaScript中的优先级和小学数学中的算术优先级一样，都是先乘除，后加减，想改变加括号。

3、NaN代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果。

示例：

console.log('老师'-2) //NaN

NaN是粘性的。任何对NaN的操作都会返回NaN。

示例：

console.log(NaN +2) //NaN

五、字符串类型string

1、通过单引号（‘’）、双引号（“”）包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。

示例：

let myName = '雷工笔记' //使用单引号
let name = “雷工” // 使用双引号
let tel = '18712345678' // 看上去是数字，但是是引号包裹了，就是字符串。
let str = ‘ ’ // 这种是空字符串

2、注意事项：

2.1、无论单引号或是双引号必须成对应用；

2.2、单引号/双引号可以互相嵌套，但是不可以自己嵌套自己；

2.3、必要时可以使用转义符\，输出单引号或者双引号。

3、拼接字符串

使用场景：+运算符，可以实现字符串的拼接。

使用口诀：数字相加，字符相连；

示例：

document.write（‘我是’+‘雷工笔记’） //我是雷工笔记
let myName = ‘高启强’
let work = ‘卖鱼’
document.write（ myName + work） //高启强卖鱼

注意：

只要变量中有一个数据类型是字符串类型，那么在计算的时候遇到加号，则直接拼接字符串；

如果遇到除加号以外的符号，那么计算机先将字符串转换为对应的数字，然后再计算，

4、模板字符串

4.1、应用场景

拼接字符串和变量

在没有它之前，要拼接变量比较麻烦

示例：

document.write(‘哈喽，大家好，我是’+name+‘！今年‘+age+岁’)

4.2、模板字符串语法

● ``(反引号)

●在模板字符串中通过${变量}获取变量的值。

● 反引号在英文输入模式下，键盘键Tab上面那个按键（1左边那个按键）

● 内容拼接时，用${}包裹住变量。

示例：

document.write（`哈喽，大家好，我是${name}！今年${name}岁`）

好像C#中也有类似的应用方法。

六、布尔类型boolean

表示开关量，是或否时在计算机中对应的是布尔类型。

他有两个固定的值，True与False，表示真时用true，表示假时用False。

true：代表正确的，条件成立的；

False：代表错误的，条件不成立的；

示例：

//雷工笔记有趣嘛？
let isFun = true
console.log（isFun）

七、undefined类型

7.1、未定义是比较特殊的类型，只有一个值undefined。

7.2、什么情况下出现？

只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少【直接】为某个变量赋值为undefined。

undefined值本身表示的含义未定义；

示例：

let name // 声明变量但是未赋值
document.write（name） //输出undefined

7.3、实例场景：

我们开发中经常声明一个变量，等待传送过来的数值。

如果我们不确定这个数据是否有传递过来，此时我们可以通过检测这个变量是不是undefined，来确定是否有数据传递过来。

八、null类型（对象类型，属于引用类型）

8.1、如果变量的值是null，那么变量的数据类型叫空类型，——对象类型。

JS中的null仅仅是一个表示“无”、“空”或“值未知”的特殊值。

示例：

let name=null
console.log(name) //null

8.2、null和undefined的区别：

● undefined表示木有赋值

● null 表示赋值了，但是内容为空

8.3、null实例场景：

官方说明：把null作为尚未创建的对象。

将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null

九、后记

以上为学习JavaScript基础知识数据类型的相关笔记。

在线咨询

上一篇：什么是HTML？一文让你理解HTML的含义
下一篇：Axure炫技：如何让你的原型图动起来

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

JavaScript的基本数据类型如何使用？

HTML标签

HTML属性

一、了解数据类型

二、数据类型分几种

三、Number数字型

四、算术运算符

五、字符串类型string

六、布尔类型boolean

七、undefined类型

八、null类型（对象类型，属于引用类型）

九、后记

您的项目需求