JS的数据类型

JS简单数据类型一共有六种：undefined、null、Boolean、number、string和Symbol（ES6新增）

还有一种复杂数据类型：object

一、typeOf操作符

该操作符是用来确定变量的数据类型的，返回结果有下面几种：

1. undefined：未定义
2. Boolean：布尔值
3. string：字符串
4. number：数值
5. object：对象或null
6. function：函数
7. symbol：符号

let message = "some string"; 
console.log(typeof message); // "string" 
console.log(typeof(message)); // "string" 
console.log(typeof 95); // "number"

二、undefined类型

undefined类型只有一个特殊值：undefined，使用var或let声明变量但没有初始化，就相当于给变量赋予了undefined值：

let message; 
console.log(message == undefined); // true

三、Null类型

Null类型同样只有一个特殊值：null。

null表示一个空对象指针，因此给typeOf传一个null会返回object

let car = null; 
console.log(typeof car); // "object"

undefined的值是由null派生而来的，因此它们表面上相等

console.log(null == undefined); // true

四、Boolean类型

Boolean类型有两个字面值：true和false（区分大小写），这两个字面值不同于数值，因此true不等于1，false不等于0

不同类型与布尔值之间的转换规则

五、Number

数值转换：Number()、parseInt()和parseFloat()

• Number():
  • 布尔值：true转换为1，false转换为0
  • 数值：直接返回
  • null：返回0
  • undefined：返回NaN
  • 字符串
    • 如果字符串包含数值字符，包括数值字符前面带加、减号的情况，则转换为一个十进制数值。 因此，Number("1") 返回 1 ， Number("123") 返回 123 ， Number("011") 返回 11 （忽略前面的零）。
    • 如果字符串包含有效的浮点值格式如"1.1" ，则会转换为相应的浮点值（同样，忽略前面的零）。
    •  如果字符串包含有效的十六进制格式如 "0xf" ，则会转换为与该十六进制值对应的十进制整
      数值。
    • 如果是空字符串（不包含字符），则返回 0 。
    • 如果字符串包含除上述情况之外的其他字符，则返回 NaN 。
  • 对象：调用valueOf()方法，并按照上述规则转换返回的值，如果结果是NaN，则调用toString()方法，再按照字符串的规则转换

let num1 = Number("Hello world!"); // NaN 
let num2 = Number(""); // 0 
let num3 = Number("000011"); // 11 
let num4 = Number(true); // 1

• parseInt()

        转换规则：

        如果第一个字符不是数值字符、加号或减号，parseInt() 立即 返回 NaN。这意味着空字符串也会返回 NaN （这一点跟 Number() 不一样，它返回 0 ）。如果第一个字符是数值字符、加号或号，则继续依次检测每个字符，直到字符串末尾，或碰到非数值字符。比如， "1234blue"会被转换为 1234 ，因为 "blue" 会被完全忽略。

let num1 = parseInt("1234blue"); // 1234 
let num2 = parseInt(""); // NaN 
let num3 = parseInt("0xA"); // 10，解释为十六进制整数
let num4 = parseInt(22.5); // 22 
let num5 = parseInt("70"); // 70，解释为十进制值
let num6 = parseInt("0xf"); // 15，解释为十六进制整数

• parseFloat()

        转换规则：与parseInt类似

        不同：它始终忽略字符串开头的零。这个函数能识别前面讨论的所有浮点格式，以及十进制格式（开头的零始终被忽略）。

let num1 = parseFloat("1234blue"); // 1234，按整数解析
let num2 = parseFloat("0xA"); // 0 
let num3 = parseFloat("22.5"); // 22.5 
let num4 = parseFloat("22.34.5"); // 22.34 
let num5 = parseFloat("0908.5"); // 908.5 
let num6 = parseFloat("3.125e7"); // 31250000

• String
  • 转换为字符串
    • toString()：可用于数值、布尔值、对象和字符串值，null和undefined没有toString()方法

let num = 10; 
console.log(num.toString()); // "10" 
console.log(num.toString(2)); // "1010" 
console.log(num.toString(8)); // "12" 
console.log(num.toString(10)); // "10" 
console.log(num.toString(16)); // "a"

• String()：可以确定一个值是不是null或undefined

let value1 = 10; 
let value2 = true; 
let value3 = null; 
let value4; 
console.log(String(value1)); // "10" 
console.log(String(value2)); // "true" 
console.log(String(value3)); // "null" 
console.log(String(value4)); // "undefined"

• 模板字面量

模板字面量保留换行字符

let myMultiLineString = 'first line\nsecond line'; 
let myMultiLineTemplateLiteral = `first line 
second line`; 
console.log(myMultiLineString); 
// first line 
// second line" 
console.log(myMultiLineTemplateLiteral); 
// first line 
// second line 
console.log(myMultiLineString === myMultiLinetemplateLiteral); // true

• 字符串插值

字符串插值通过在${}中使用一个JavaScript表达式实现

let value = 5; 
let exponent = 'second'; 
// 以前，字符串插值是这样实现的：
let interpolatedString = 
 value + ' to the ' + exponent + ' power is ' + (value * value); 
// 现在，可以用模板字面量这样实现：
let interpolatedTemplateLiteral = 
 `${ value } to the ${ exponent } power is ${ value * value }`; 
console.log(interpolatedString); // 5 to the second power is 25 
console.log(interpolatedTemplateLiteral); // 5 to the second power is 25

六、Symbol类型

Symbol:ES6中的数据类型，是一种新的原始数据类型，用于表示独一无二的值，主要用于当做属性名，防止属性名重名。

七、Object类型

每个Object实例都有如下属性和方法

• constructor：用于创建当前对象的函数。在前面的例子中，这个属性的值就是 Object() 函数
• hasOwnProperty(propertyName)：用于判断当前对象实例（不是原型）上是否存在给定的属性要检查的属性名必须是字符串（如 o.hasOwnProperty("name")）或符号。
• isPrototypeOf(object)：用于判断当前对象是否为另一个对象的原型。
• propertyIsEnumerable(propertyName)：用于判断给定的属性是否可以使用for-in 语句枚举。与 hasOwnProperty()一样，属性名必须是字符串。
• toLocaleString()：返回对象的字符串表示，该字符串反映对象所在的本地化执行环境
• toString()：返回对象的字符串表示。
• valueOf()：返回对象对应的字符串、数值或布尔值表示。通常与 toString()的返回值相同。

简单数据类型和复杂数据类型的区别

一、栈（stack）和堆（heap）

在说JS的数据类型之前，我们先区别一下栈和堆。

stack为自动分配的内存空间，它有系统自动释放，而heap则是动态分配的空间，大小也不一定会自动释放。

二、数据类型

JS的数据类型分为两大类：基本数据类型和引用数据类型，下面我们来说说两者的区别。

基本数据类型(可以直接操作，保存在变量中的实际值)：

1. Number：数字类型，如 var  i = 100；不区分浮点数和整型，可以表示32位的整数，也可以表示64位的浮点数
2. String：字符串类型，由零或多个 16位 Unicode 字符组成的字符序列
   1. string是唯一没有固定大小的原始类型，字符串的字面量声明可以由双引号""或单引号''组成;
   2. length属性：输出字符串的长度，空格也算长度;
   3. charAt()方法：输出()里下标处的字符（在最新的js版本中支持使用数组的[]来获取下标处的字符，s[i]）
3. Boolean:boolean，如 var b = true; 只有true和false两个值。在if判断的条件和for循环的两个;之间都是布尔值，这些需要布尔值的地方会自动被转换
4. Null:null，如 var n = null; 不存在的object，通常是人为设置的空
5. Undefined:undefined，如 var n ; 就是一种状态，通常指出错了，出现的情况：
   • 当变量定义但未赋值时，该变量的值被格式化为undefined；
   • 对一个没有声明的变量调用typeof时，返回值也是undefined；
   • 当函数无明确返回值时，返回值也是undefiend
6. Symbol:ES6中的数据类型，是一种新的原始数据类型，用于表示独一无二的值，主要用于当做属性名，防止属性名重名。

   通过Symbol函数生成值。

const  sy = Symbol();
typeof  sy;//symbol

引用数据类型：Object（在JS中除了数据类型以外的都是数据对象，数据是对象，函数是对象，正则表达式是对象）

区别：

①声明变量时内存分配不同：基本数据类型存放到栈中，引用数据类型存放到堆中 ，下面通过代码和图来说明：

<script>
//基本数据类型
var a = 10;
var b = a;
b = 20;
console.log(a);//10的值
console.log(b);//20的值
</script>

可以看出改变b的值，a的值并没有改变

该存储机制为：

引用数据类型存放到堆内存中的对象，每个空间大小不一样，要根据情况进行特定的配置

// 引用数据类型
var obj1 = new Object();
var obj2 = obj1;
obj2.num = 10;
console.log(obj1.num);//输出10

可以看出当改变obj2的值后obj1的值也改变了，它是把地址赋值给了obj2，因此改变obj2后obj1的值也会改变

该存储机制为：

②访问知己不同：

基本数据类型的值是可以直接访问到的

引用数据类型访问时，首先得到的是该对象在对内存中的地址，然后再按照这个地址获得这个对象中的值。

③复制变量时的不同

a.原始值：将一个变量的值复制给另一个变量后，两个变量的值是完全独立的，只是拥有相同的value

b.引用值：将一个变量的值复制给另一个变量时，会把这个内存地址赋值给新变量，两个变量指向堆内存中的同一个对象，它们中的任何一个改变另一个都会随着改变。

④参数传递的不同

a.原始值：只是把变量里的值传递给参数，之后这个参数和变量互补影响

b.引用值：对象变量里面的值是这个对象在对内存中的内存地址，因此传递的值也是这个内存地址。