在我们的javascript中，每个数据都有不一样的类型，它们被简称为数据类型。
1. 数据类型简介
javaScript一共有七种数据类型，它们又被分为两类（基本数据类型和引用数据类型），其结构如下。
基本数据类型：
⭐数值型（number）
⭐字符串型（string）
⭐布尔型（boolean）
⭐未定义（undefined）
⭐空（null）
⭐符号型（symbol）
引用数据类型：
⭐对象(Object)注：数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）不是数据类型，它们都属于对象 Object 。
1.1 基本数据类型
1.1.1 数值型(number)
在JavaScript中如果希望某个变量包含一个数值，仅须使用统一的数值型，而不需要像在其他语言中那样分为各种长度的整数以及浮点数类型。
1、在JavaScript 中数字可以带小数点，也可以不带。
let num1 = 34.00; //使用小数点来写
let num2 = 34; //不使用小数点来写
2、在数值型中有这几种属性。
3、数值型也可以转化为字符串型，我们通过 typeof 来检测数据类型。
let a = 9;
let b = a + ''; //拼接一个空字符串
let c = a.toString(); //使用toString( )方法
let d = 'student' + a; //拼接一个带参数的字符串
console.log(`a: ${typeof (a)}`);
console.log(`b: ${typeof (b)}`);
console.log(`c: ${typeof (c)}`);
console.log(`d: ${typeof (d)}`);
以上代码的输出结果如下，从中可以清楚的看到a、b、c、d这四个变量的数据类型。
1.1.2 字符串型（string）
字符串是存储字符（比如 “Bill Gates”）的变量。
字符串由零个或者多个字符构成，字符包括字母、数字、标点符号和空格等。
1、字符串必须由单引号或者双引号标注。
let str1 = 'Javascript'; \\使用单引号
let str2 = "Javascript"; \\使用双引号
2、引号不能嵌套，双引号不能放双引号，单引号不能放单引号。
3、在实际开发中，我们经常会遇到最终需要的字符串是由若干部分拼接而成的情况。
传统的方法使用“+"拼接略显麻烦，所以ES6中引入了一个新的方法”模板字符串“。
let num = '张三'
let age = 10
let str = `I am ${name},I am ${age} years old`
//${}里面写上可变化的值
4、字符串具有length长度，它可以返回字符串中字符的个数，例如：
let str = 'hello world'
console.log(str.length);//空格也算一个长度。
输出结果：
5、如果需要从某个字符串中取出一段子字符串，则可以采用slice( )、substring( )、substr( ) 方法。
5.1 slice( )、substring( ) 方法
slice( )和substring( )都可以接收两个参数，分别表示子字符串的起始位置和终止位置，并返回二者之间的子字符串，但不包括终止位置的那个字符。
如果第二个参数不设置，则默认到字符串的末尾，即返回起始位置到字符串末尾的子字符串。
代码示例：
let str = 'hello world'
console.log(str.slice(1,3))
console.log(str.substring(1,3))
console.log(str.slice(1))
console.log(str.substring(1))
console.log(str)//不会改变原始的字符串
slice( ) 和substring( ) 这两个方法的区别主要是对负数的处理，负数参数对于slice( ) 而言是从字符串的末尾往前计数的。
而substring( )则会直接将负数作为0来处理，并将两个参数中较小的值作为起始位置，较大的值作为终止位置。
代码示例：
let str = 'hello world'
console.log(str.slice(1,-3))
console.log(str.substring(1,-3))
console.log(str.substring(1,0))
console.log(str)
5.1substr( ) 方法
对于substr( ) 方法，两个参数分别表示起始字符串的位置和子字符串的的长度。
let str = 'hello world'
console.log(str.substr(0,3))
6、 字符串的搜索
对于字符串JavaScript提供了indexOf( ) 和lastIndex( ) 两种搜索方法。
它们的不同之处在于前者从前往后搜索，后者从后往前搜索，返回值都是子字符串的起始位置（位置都是由前往后从0开始计数），如果找不到则返回-1。
let str = 'hello world'
console.log(str.indexOf('l'))//从前往后
console.log(str.indexOf('l',2))//可选参数，从第几个字符开始往后找
console.log(str.lastIndexOf('l'))//从后往前
console.log(str.lastIndexOf('l',2))//可选参数，从第几个字符开始往前找
console.log(str.lastIndexOf('s'))//找不到返回-1
7、字符串型转化为数值型
JavaScript提供了两种非常方便的方法，分别是parseInt( )和parseFloat( )，前者将字符串转化为整数，后者转化为浮点数。
在判断字符串是否是数值字符之前，parseInt( )和parseFloat( )会仔细分析该字符串索引为0的字符是否为数值字符，如果不是则直接返回NAN。
1.1.3 布尔型（boolean）
在JavaScript中同样有布尔型
1、它只有两个可取的值：true、false，主要用来逻辑判断
2、true:表示真， false:表示假
3、使用typeof检验一个布尔值时，会返回一个boolean
4、js中哪些值会被认为false？
null、undefined、空字符串 即 “”、数字 0、数字 NaN，会被当作false，其余都是真。注：字符串 “false” 也会被当作真。
1.1.4 未定义（undefined）
1、Undefined类型的值只有一个，就是Undefined(未定义)
2、当声明一个变量，但不给这个变量赋值时，它的值就是Undefined
3、使用typeof检查Undefined值时，也会返回一个Undefined
let str；
console.log(typeof(str));
1.1.5 空（null）
1、Null的值只有一个，就是null(空值)
2、null的这个值专门用来表示一个为空的对象
3、使用typeof检测一个null值时，会返回一个object(对象)
let str = null
console.log(typeof(str));
1.1.6 符号型（symbol）
1、Symbol的作用
用来表示一个独一无二的值
2、Symbol 值通过Symbol函数生成。不能用new运算符创建
let x = Symbol()
括号里面可以接收一个字符串参数，作为该实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分
let x = Symbol('fo')
x // Symbol(fo)
x.toString() // "Symbol(fo)"
3、Symbol()返回值是唯一的，也就是，即使描述相同，他们也是独立的两个值。
let x = Symbol('张三') === Symbol('张三')
console.log(x);
4、Symbol值不可以和其他类型的值进行运算，可以显示转换为字符串或者布尔值。
let sym = Symbol('My symbol');
console.log(sym);
console.log(String(sym));
console.log(sym.toString());
console.log(Boolean(sym));
console.log(Boolean(!sym));
5、一些属性和方法
读取Symbol的描述description
let sym = Symbol('My symbol');
console.log(sym.description);
1.2 引用数据类型
1.2.1 object(对象）
1、什么是对象
英文名object，翻译成中文就是对象。用英语的角度来说object就是物体实体，即使他看不见摸不着。
可以理解为万物皆对象，没有对象new一个新对象。
2、属性名和属性值
属性名：就是用来描述某种特征或者特点的名字，（又被称作键，key）
属性值：就是这个特征的具体值（又被称作值，value）
let obj={
属性名1：属性值，
属性名2：属性值
......
}
let obj={
"name":"张三",
"age":20
}
3、属性值的获取
对象的属性名一般都是字符串格式(还可以是数字格式)，属性值可以是任意类型数据
● 对象.属性名;
● 对象[‘属性名’];
let obj={
"name":"张三",
"age":20
}
console.log(obj.name);
console.log(obj["name"])
4、增和改
对象的属性名（键）是不允许重复的，之前没有这个属性则为新增，之前有这个属性，则是修改对应的属性值。
如果原来的对象中没有那个属性名，就是新增，如果有就是修改
let obj={
"name":"张三",
"age":20
}
obj.name = "李四"
obj.gender = "男"
console.log(obj);
5、删除
彻底删除 delete 对象[“属性名”]
let obj = {
"name": "张三",
"age": 20
}
console.log(obj);
console.log('删除之后');
delete obj["name"]
console.log(obj);
不删除只让对象中的属性值为空， obj[“属性名”]=null；
let obj = {
"name": "张三",
"age": 20
}
console.log(obj);
console.log('赋值null后');
obj.name = null
console.log(obj);
6、对象的返回值是唯一的，也就是，即使描述相同，他们也是独立的两个值，这和上面的symbol是一样的。
let obj1 = {
age: 18
};
let obj2 = {
age: 18
};
let obj3 = obj1;
console.log(obj1 === obj2);
console.log(obj1 === obj3);
文章来源：https://www.toymoban.com/news/detail-609212.html
在对象中JS通过引用或存储变量的内存中的地址对它们进行比较。obj1和obj2是两个不同的对象，它们指向两个不同的内存地址。因此，在进行相等性比较时，尽管看起来它们的内容相同，但是运算后返回的是false。
因为obj3变量被赋值为obj1，所以obj1和obj3指向的内存地址相同，进而在比较相等性时认为二者是相同的。文章来源地址https://www.toymoban.com/news/detail-609212.html
到了这里，关于JavaScript的七种数据类型的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
