JS进阶笔记2持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，[点击查看活动详情](

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情

2.3 数据结构

typeof 操作符
- typeof 操作符返回一个字符串，表示未经计算的操作数的类型
数字类型
- 包括整型数字和浮点型数字
- 整型：十进制、十六进制（0X或0x开头）、八进制（ECMAScript标准不支持，严格模式下不支持）
- 浮点型：3.1 .666 1.23e11 // 1.23 * 1011 2.321E-12 // 2.321 * 10-12
```
let a = 10;
let b = 1.2;
let c = 2.1E-2;
console.log(typeof a);  // number
console.log(typeof b);  // number
console.log(typeof c);  // number
```
字符串类型
- 由单引号或双引号括起来的一组16位Unicode字符组成的字符序列
- 转义字符：\n \r \" 等
- 查阅String文档
字符串模板
- 允许嵌入表达式的字符串字面量
- 使用反引号 (``键盘数字1左边) 来代替普通字符串中的用双引号和单引号
- 字符串模板保留其中的换行，可以包含特定语法（${expression}）的占位符
```
var a = 5;
var b = 10;
console.log("Fifteen is " + (a + b) + " and\nnot " + (2 * a + b) + ".");

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);

// "Fifteen is 15 and
// not 20."
```

布尔类型

true false a==1

进行算术操作时，true转换为1，false转换为0

var b = true;
console.log(typeof b);    // boolean
console.log(true * true); // 1 * 1 = 1

null与undefined
- null表示空或不存在的引用，参与算术运算时自动转换为0，布尔运算时转换为false
- undefined表示变量已声明但没有赋值，布尔运算时转换为false，出现的典型情况：
  - 变量声明后没有赋值
  - 调用函数时，应提供的参数未提供
  - 对象的属性没有赋值时
  - 数组定义后没有给元素赋值，元素的值
  - 函数没有返回值，默认返回值
对象类型
- 类似与Java语言中的对象，数据+处理数据的函数，数据称为对象的属性，函数称为对象的方法
- 内置对象：window document Date Math等等
- 自定义对象
- 数组（Array）是一种内置对象
- typeof 返回值都是object

函数类型

有名函数，函数名称为函数变量；匿名函数赋值于某变量后，该变量为函数变量

函数变量的值为整个函数定义语句

let fn1 = function() { console.log('调用fn1'); }
let fn2 = () => { console.log('调用fn2'); }
function fn3() { console.log('调用fn3'); }
console.log(typeof fn1);  // function
console.log(typeof fn2);  // function
console.log(typeof fn3);  // function
console.log(fn1);      // function() { console.log('调用fn1'); }
console.log(fn2);      // () => { console.log('调用fn2'); }
console.log(fn3);      // function fn3() ... ...

数据类型转换 ——加号（+）

加号（+）两边存在字符串或引用类型时，加号为字符串连接符，非字符串操作数自动转换为字符串，引用类型调用其toString()方法转换为字符串。

console.log("我是" + 2019 + "级学生"); // "我是2019级学生"
console.log("15" + 5);    // 155
console.log("abc" + true + 1);  // abctrue1
console.log("abc" + null + 2);  // abcnull2
console.log(true + 1 + "abc");  // 2abc
console.log(null + 2 + "abc");  // 2abc
console.log("abc" + function() {console.log('a')}); 
// abcfunction(){console … …
console.log({name: '张三'} + 1); // [object Object]1
console.log({name: '张三', toString: function(){return '人员' + this.name}} + 1); 
// 人员张三1
console.log(1 + function() {console.log('a')}); 
// function() {console.log('a')}

加号（+）两边为数值、布尔、null或undefined类型时，加号为加法算术操作符，此时非数值操作数自动转换为数值型，若存在不能转换为数值的操作数（仅有undefined），结果为NaN。

console.log(true + 1);    // 2, 1 + 1
console.log(undefined + 1);   // NaN
console.log(null + 2);    // 2, 0 + 2
console.log(true + 1 + “abc”);  
// 2abc，true与1间的加号为算术加法，其结果（2）与“abc”间连接字符串
console.log("abc" + 2 + null);  // abc2null

数据类型转换 ——其它操作符
- 减（-）、乘（*）、除（/）、取余（%）两边存在字符串时，字符串自动转换为数字（如有无法转换操作数，则结果为NaN）
- ++和--，字符串自动转换为数字，无法转换的结果为NaN
```
console.log("20" / 2);    // 10
console.log("20" / "2");  // 10
console.log("20" - "a");  // NaN
let n = "6";
let s = "a";
console.log(++n);   // 7
console.log(++s);   // NaN
let a = true;
console.log(++a);    // 2
```
- >、<、==、<=、>=：表达式包含数字和字符串时，字符串自动转换为数字，不能转换成数字的字符串或其它类型值，表达式均返回false
- 当比较两个字符串的大小时，按ASCII码比较，比较true false null 的大小时，按值比较（ true=1， false=null=0）
```
console.log("10" > 9);  // true
console.log("a" > 0);   // false
console.log("a" <= 0);  // false
console.log(true > 0);  // true
console.log(null < 1);  // true
console.log(undefined < 1); // false
```
相等与严格相等
- == 左右两边的值相等即返回true，数据类型可不相同
- === 左右两边的值相等，且数据类型相同，返回true
- != 和 !== 与以上类似，其区别在数据类型是否相同
```
console.log('15' == 15);  // true
console.log('15' === 15); // false
console.log(true == 1);   // true
console.log(false == 0);  // true
console.log(true === 1);  // false
```
显式类型转换
- Number(value) 全局函数，对value进行整体转换，value中包含无法转换为数字的部分时，转换失败，返回NaN
- parseInt(stringNum, [radix])全局函数，将stringNum转换为整数，radix为2-36之间的数字，指定转换时进制，进制为10时可省略
- parseFloat(stringNum)全局函数，将stringNum转换为浮点数
... 扩展运算符(对象展开符)
- 扩展运算符（ spread ）是三个点（...），其作用是将一个数组转为用逗号分隔的参数序列
- 常用于函数调用时传递参数
- 扩展运算符提供了数组合并的新写法。注：Array.concat()方法用于连接两个数组