Java Script中数据的类型及转换

严格模式

'use strict'
采用另一种模式解析执行JS代码，对于不安全的语法或操作将会抛出错误
例如： 不适用var来声明变量 .....
使用严格模式的好处： 安全，严谨
在全局下设置'use strict'： 整个JS文件都采用严格模式
在函数下设置'use strict'： 则在该函数中采用严格模式

变量

JS是一门松散性，弱类型的语言，我们的变量可以切换成任意类型
变量： 会变的量，实际上指的是值在内存中的一个占位符

数据类型

基本数据类型有七种：undefined null String Boolean Number Object Symbol

1. 基本数据类型

1. undefined

变量声明未定义

2. null

空对象指针
null表示准备用来保存对象,还没有真正保存对象的值

null == undefined // true
null === undefined // false

3. String

字符串
非字符串类型的变量转为字符串

1. 变量名.toString() (undefined null 是没有这个方法滴)
2. String(变量)
3. 变量名 + ''

4. Boolean

true： 真
false：假

5. Number

非数值类型的变量转为数值类型

1. Number(变量)
2. parseInt(字符串, 进制);
3. parseFloat(字符串);

NaN: 非数字 （在运算当中，产生了失败的值）
isNaN(变量): 判断是否为非数字

正无穷 Infinity
负无穷 -Infinity
Infinity是无法参与计算的
判断值是否超过JavaScript数值范围可以使用

isFinite(num);

数字里面的方法：

数字.toFixed(保留几位小数); // 四舍五入

检测数据类型

1. typeof : 检测基本数据类型

2. instanceof： 某某属于某个类型的实例

语法：变量 instanceof 类型
栗子：
var arr = [];
arr instanceof Array // true

3. constructor： 某某的构造函数
   语法： 变量.constructor

栗子：
var arr = [];
console.log(arr.constructor);
console.log(arr.constructor === Array);

4. Object.prototype.toString.call()
   语法： Object.prototype.toString.call(变量);

数据类型转换

显示转换

1. 转为数值类型

Number();
1. Boolean
true - 1
false - 0
2. Number - 数值
3. Null - 0
4. Undefined - NaN
5. String
只包含数字(前面携带正负号)
前导零会被忽略
识别浮点、整数、16进制(自动转为同等大小的十进制数值)
空字符串 - 0
除上述之外 均为NaN
6. Object
先使用valueOf()方法,然后依照前面规则转换返回的值，如果转换的结果是NaN，在使用toString()方法，再次依照前面的规则转换返回的字符串

parseInt();
忽略字符串前面的空格，直至找到第一个非空字符，
如果第一个字符不是数字字符或者正负号 返回 NaN
如果第一个字符是数字字符，parseInt会继续解析第二个字符，知道解析完所有后续字符或者遇到了一个非数字字符
字符串以'0x'开头且后跟数字字符，就会将其当作一个十六进制整数
字符串以'0'开头且后跟数字字符，则会将其当作一个八进制数来解析
空字符串 返回 NaN
parseFloat();

第一个小数点是有效的，第二个小数点是无效的
只解析十进制，无第二个参数
十六进制式的字符串始终被转换为 0

栗子：

    // 字符串
    var str = '1a'; // NaN  1  1
    var str1 = '1.1a'; // NaN 1  1.1
    var str2 = '12'; // 12 12 12
    var str3 = ''; // 0 NaN NaN

    // 布尔
    var bool = true; // 1
    var bool1 = false; // 0


    var n = null; // 0
    var u = undefined; // NaN

    var arr = []; // 0
    var arr1 = [1]; // 1
    var arr2 = [1, 2]; // 

    var obj = {};
    var obj = {name: '1'}

2. 转为字符串类型

String(变量);
null与undefined可使用这个转型函数
变量.toString(进制);
参数是基数（几进制）
数值、布尔值、对象和字符串都有这个方法，null与undefined则没有

3. 转为布尔类型

Boolean(变量);

栗子：

    var str = '';
    var str1 = '0';
    var str2 = '1';

    var num = 0;
    var num = 1;
    var num = NaN;

    var n = null;
    var u = undefined;

    var obj = {};

    var arr = [];
    var arr = [1];

隐式转换

1. 递增（++） 递减（--）

2 + -
    正负号
    + 拼接
3. isNaN
    先将变量通过Number
4. -  *  /  %  减号，乘号，除号，取余

5. && || ! 与或非运算
   将运算符两边的值转换成通过Boolean()函数转换成布尔类型，然后再进行运算
   && || 返回的是比较后自身的原值，
   而 ！运算返回的是布尔值
6. < > <= >= == != 比较运算符
   当数字和字符串比较大小时，会隐示将字符串转换成number类型进行比较。而当字符串和字符串比较大小时，则比较的是ascii ASCII码的大小。最后返回的则是布尔值

2. 复杂数据类型

1. Object

3. 运算符

1. 逗号运算符
   1.1 声明多个变量的时，使用逗号隔开
   1.2 用于赋值
   var a = (1, 2, 3, 0); // a为0 （取最后一项）
2. 一元操作符
   1. 前置++ 前置--
      先+ （-）后运算
   2. 后置++ 后置--
      先运算后+ （-）

    3. + - 号

3. 加性操作符

    1. + 
        更偏爱 拼接
    2. —
        更偏爱 运算
    
    3.  0 、 Infinity、-Infinity的加性运算  => 画X轴

4. 乘性运算符

   1. 乘法 *
   2. 除法 /
   3. 求模(求余数)

5. 布尔操作符
   1.逻辑非 !
   2.逻辑与 &&
   3.逻辑或 ||

6. 关系操作符
   小于 <
   大于 >
   小于等于 <=
   大于等于 >=

7. 条件操作符
   三目运算符
   expression ? true : false;

8. 赋值操作符
   乘/赋值 *=
   除/赋值 /=
   模/赋值 %=
   加/赋值 +=
   减/赋值 -=

9. 相等和不等运算符中的数据类型转换

   1. == 和 !=判断规则
      会进行类型转换

   2. === 、!== 、 对象==对象 这三种情况不会进行类型转换
      如果有一个操作符是布尔值，则在比较相等性之前先将其转换为数值
      false转换为0；true转换为1
      如果有一个数是字符串，另一个操作数是数值，将其字符串转换为数值
      如果一个操作符是对象，另一个操作数不是对象，将对象转化为基本操作类型
      先valueOf(),再toString(),均不能得到基本类型的值就会报错

   3. 对象在 == 判断的时候
      若两边都是对象，不会进行类型转换，为同一个引用才会返回true
      若只有一边为对象，则会先调用对象的valueOf()方法
      不能返回基本类型，再调用对象的toString()方法，
      还是不能返回基本类型就会报错，
      否则用转化后的基本类型值继续进行判断

   4. 字符与字符比较会根据字符编码排序先后

作者：L H