js数据类型

数据类型分类

JavaScript语言的每一个值，都属于某一种数据类型。JavaScript的数据类型，共有七种。

1. 数值（number）：整数和小数（比如1和3.14）
2. 字符串（string）：字符组成的文本（比如"Hello World"）
3. 布尔值（boolean）：true（真）和false（假）两个特定值
4. undefined：表示“未定义”或不存在，即此处目前没有任何值
5. null：表示空缺，即此处应该有一个值，但目前为空
6. 对象（object）：复杂类型或称为引用类型值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器。
7. Symbol：表示独一无二的值

var num = 100;
var str = 'jirengu';
var isOk = true ;
var hello;  //undefined
var empty = null; 
var person = {
  name: '若愚',
  age: 100  ／*狭义的对象（object）*／
}
var arr = [1, 2, 3];／*数组也是对象*／
var sayName = function(){
  console.log('my name is jirengu')／*函数也是对象*／
}
var reg = /hello/; ／*正则表达式也是对象，斜杠内写匹配规则*／
let s = Symbol();

将对象的细分时，JavaScript 中常见的几种数据类型也可以按如下分类：

• 基本类型：string,number,boolean
• 特殊类型：undefined,null
• 引用类型：Object,Function,Function,Array,RegExp,Date,...

判断JS数据类型的三种方法

1. typeof运算符
2. instanceof运算符
3. Object.prototype.toString方法

typeof运算符

typeof运算符可以正确区分数值、字符串、布尔值、对象类型的函数function、undefined ，分别返回number、string、boolean、function、undefined。
在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，除了function外的其他情况（对象、数组、window、null），它都返回 "object"。

typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof null; //object 无效 这并不是说null的数据类型就是对象，而是JavaScript早期部署中的一个约定俗成。
typeof [] ; //object 无效
typeof new Function(); // function 有效
typeof new Date(); //object 无效
typeof new RegExp(); //object 无效
typeof window //object 无效

使用instanceof 判断A 是否为 B 的实例

instanceof 是用来判断实例继承关系的操作符，判断一个实例是否属于某种类型，运算符返回一个布尔值。表达式为：A instanceof B，如果A是B的实例，则返回true,否则返回false。所以只能判断对象，不能判断字符串、数字和布尔。
在这里需要特别注意的是：instanceof检测的是原型，当 A 的__proto__指向 B 的 prototype 时，就认为A就是B的实例。

[] instanceof Array; //true
[] instanceof Object; //true

{} instanceof Object;//true

new Date() instanceof Date;//true
new Date() instanceof Object;//true

function Person(){};
new Person() instanceof Person;//true ，在继承关系中用来判断一个实例是否属于它的父类型
new Person instanceof Object;//true

我们发现，虽然 instanceof 能够判断出 [] 是Array的实例，但它认为 [] 也是Object的实例。 我们来分析一下[]、Array、Object 三者之间的关系: 从instanceof 能够判断出[].__proto__指向Array.prototype， 而 Array.prototype.__proto__又指向了Object.prototype，Object.prototype.__proto__指向了null,标志着原型链的结束。因此，[]、Array、Object就形成了如下图所示的一条原型链：

从原型链可以看出，[] 的 __proto__ 直接指向Array.prototype, 间接指向Object.prototype, 所以按照 instanceof 的判断规则，[] 就是Object的实例。当然，类似的new Date()、new Person() 也会形成这样一条原型链，因此，instanceof 只能用来判断两个对象是否属于原型链的关系， 而不能获取对象的具体类型。

使用Object.prototype.toString.call() 获取所有对象的类型

toString是Object原型对象上的一个方法，该方法默认返回其调用者的具体类型，更严格的讲，是 toString运行时this指向的对象类型, 返回的类型格式为[object,xxx],xxx是具体的数据类型，其中包括：String, Number,Boolean, Undefined, Null, Function, Date, Array, RegExp, Error, HTMLDocument,...

Object.prototype.toString.call('') ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object global] window是全局对象global的引用

注意：必须通过Object.prototype.toString.call来获取，而不能直接 new Date().toString(), 从原型链的角度讲，所有对象的原型链最终都指向了Object, 按照JS变量查找规则，其他对象应该也可以直接访问到Object的toString方法，而事实上，大部分的对象都实现了自身的toString方法，这样就可能会导致Object的toString被终止查找，因此要用call来强制执行Object的toString方法。

typeof undefined 范例

typeof+一个没有声明的变量，会返回undefined而不报错

v  // ReferenceError: v is not defined
typeof v // "undefined"

这个特点通常用在判断语句中。

// 错误的写法
if (v) { }  // ReferenceError: v is not defined
// 正确的写法,当v没有声明活着声明赋值为undefined时，typeof的结果都是undefined
if (typeof v === "undefined") { }

NULL 和 UNDEFINED的用法和含义

null表示空值，即该处的值现在为空。典型用法是：

• 作为函数的参数，表示该函数的参数是一个没有任何内容的对象。
• 作为对象原型链的终点。

undefined表示不存在值，就是此处目前不存在任何值。典型用法是：

• 变量被声明了，但没有赋值时，就等于undefined。
• 调用函数时，应该提供的参数没有提供，该函数返回undefined。
• 对象没有赋值的属性，该属性的值为undefined。
• 函数没有返回值时，默认返回undefined。

举例

var i;
i // undefined /*变量被声明了，但没有赋值 */

function f(x){console.log(x)}
f() // undefined  /*调用函数时，应该提供的参数没有提供，该函数返回undefined */

var  o = new Object();
o.p // undefined  /*对象没有赋值的属性p，该属性的值为undefined*/

var x = f();
x // undefined  /*函数没有返回值时，默认返回undefined。*/

Boolean

布尔值代表“真”和“假”两个状态。“真”用关键字true表示，“假”用关键字false表示。布尔值只有这两个值。注意：true和false和数字值1，0不是一回事，true不一定等一1，false不一定等于0。可以调用Boolean()函数将一个值转换成其对应的Boolean值。

下列运算符会返回布尔值：

两元逻辑运算符： && (And)，|| (Or)
前置逻辑运算符： ! (Not)
相等运算符：===绝对相等(类型一样，再比较值)，!==，==近似相等，!=
比较运算符：>，>=，<，<=

转换为false的类型（记住这6个值）

如果JavaScript预期某个位置应该是布尔值，会将该位置上现有的值自动转为布尔值。转换规则如下

数据类型	转化为true的值	转化为false的值
Boolean	true	false
String	任何非空字符串	""
Number	任何非零数字值(包括Infinity)	0和NaN
Object	任何对象	null
Undefined	N/A	undefined

举例

if ('') {
  console.log(true);
}// 没有任何输出

if命令后面的判断条件，预期应该是一个布尔值，所以JavaScript自动将空字符串，转为布尔值false，导致程序不会进入代码块，所以没有任何输出。
注意：空对象和空数组对应的布尔值，都是true。
空数组（[]）和空对象（{}）

if ([]) {
  console.log(true);
}// true

if ({}) {
  console.log(true);
}// true

Number

JavaScript的数字类型和其它语言有所不同，没有整型和浮点数的区别，统一都是Number类型，可以表示十进制、八进制、十六进制

var a = 10; //十进制
var b = 073; //八进制
vat c = 0xf3; //十六进制

浮点数:精度不如整数

浮点数是指数字包含小数点，以下两种写法均可

var a = 0.27;
var b = .45;

对于极大或极小的数字可以使用科学计数法

var a = 3.1e5; //310000

浮点数最高精度是17位，但是在计算的时候精度不如整数

1 - 0.9; // 0.09999999999999998
0.1 + 0.2; //0.30000000000000004

因此，不要以浮点数运算结果值在if中作判断，如果涉及到浮点数，转化为整数作判断。

无穷大Infinity

JavaScript Number不能表示所有数字，Infinity 表示无穷大

1/0  //Infinity

NaN

NaN含义是Not a Number，表示非数字，NaN是number类型，用来表示非数字。
1.任何数值除以非数值都会返回NaN
2.任何涉及NaN的操作都会返回NaN
3.NaN和任何值都不相等，包括自己

NaN == NaN; //false
parseInt('abc'); //NaN  表示对字符串'abc'进行整数的强制转换之后，得到的不是一个有效的数字。

isNaN()函数用于确定这个参数是否“不是数值”
1.isNaN(XXX)=true 表示XXX不能被转换为数值
2.isNaN(YYY)=false 表示YYY可以被转化为数值

把非数值转换为数值

有三个函数可以把非数值转换为数值

1. Number()
2. parseInt() //转化成整数
3. parseFloat() //转化成浮点数

Number()

可以用于任何数据类型转换成数值（此函数平时很少使用）

parseInt()

把字符串转换成整数
1.忽略字符串前面的空白字符，找到第一个非空白字符
2.如果第一个字符不是负号或者数字，或者一个空字符串, 返回NaN
3.如果第一个字符是数字字符，会接着解析，直到遇到非数字字符
4.0x开头会当做十六进制，指定基数（16，8，2）作为第二个参数表明采用什么进制数

parseInt('blue'); //NaN 
parseInt('blue123'); //NaN 
parseInt('-23ABS'); // -23 
parseInt('0xf1'); // 241 
parseInt('101', 2); // 5 第二个参数指定采用2进制数

parseFloat()

把字符串转换成浮点数，与parseInt()类似，区别如下
1.字符串中的第一个小数点是有效的，而第二个小数点就是无效的，因此它后面的字符串将被忽略
2.parseFloat() 只解析十进制值，无第二个参数

parseFloat('11.22.33cdc'); // 11.22

数值参考

String

字符串，用双引号或者单引号表示均可，但当其中包含双引号时，外面要用单引号包裹。

var str = 'hello';
var str2 = "jirengu";
var str3 = 'hello "ruoyu" ';

Object

对象，是一种无序的数据集合，由若干个“键值对”（key-value）构成。
key称为对象的属性，value可以是任何JavaScript类型，甚至可以是对象。

var obj = {
    name: 'jirengu',
    age: 2
};

object属性读取的两种方式（也可以用此为属性赋值）

obj.name;
obj['name'];