JavaScript中的数据类型

2018/08/01

ECMAScript中有5种简单（基本）数据类型以及1种复杂数据类型。

5种简单数据类型--Undefined, Null, Boolean, Number, String

1种复杂数据类型--Object

在谈论数据类型之前， 可以先说说typeof操作符。
使用方式 : typeof 变量名或变量
举例：

1. typeof "string"  //string
2. let abc = 2
    typeof abc  //number
3. let a = function () {return}
    typeof a //function

typeof 的返回值:

返回值	意义
undefined	这个值未定义
boolean	布尔值false or true
string	字符串
number	数值
function	函数
object	对象或者null

1. Undefined类型
   此类型只有一个值--undefined

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

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

若不定义变量直接使用则会报错并不是Undefined, 但是使用typeof 检测也是为undefined

console.log(age) //ReferenceError: age is not defined
console.log(typeof age) //undefined

2. Null类型
   Null类型也只有一个值------null。

从逻辑角度来看， null值表示一个空对象指针， 而这也正是使用typeof检测null返回object的原因

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

如果定义的变量准备在将来用于保存对象， 最好将变量初始化为null

if (car != null) {
  //执行操作
}

undefined值是派生自null值的 ？？？？！！！！！

所以 console.log(undefined == null) //true
但是 console.log(undefined === null) //false

3. Boolean类型
   该类型有两个字面值---true and false
   值得注意的是这两个值与数字之不是一回事， true不一定等于1， false不一定等于0。 并且字面值true和false是区分大小写的。True和False都不是布尔值，只是标识符

在ECMAScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolea值，可以调用Boolean()，其总会返回一个布尔值

let message = 'Hello World'
let messageBoolean = Boolean(message)

转换规则

数据类型	转换为true	转换为false
Boolean	true	false
String	非空字符串	''和""
Number	非0数值	0和NaN
Object	任意对象	null
Undefined	N/A	undefined

常用于if语句的判断

4. Number类型
   Number类型分为整数和浮点数， 也支持不同的数值字面量格式(八进制，十六进制)，在进行算术计算是，所有八进制和十六进制表示的数值都是十进制数值。

浮点数
let num1 = 1.1
let num2 = 0.1
let num3 = .1 //也能用，结果为0.1

浮点数所占内存是整数值的两倍，ECMAScript会将其转换。

let num1 = 1. // 结果为1  整数
let num2 = 10.1 //结果为10 整数

---

在浮点数中，最高精度是17位小数，但是在进行整数计算时精确度远远不如整数， 0.1+0.2的结果不是0.3 而是0.30000000000000004

console.log(0.1+0.2 == 0.3) //false

在此例子中，如果这两个数是0.05和0.25就不会有问题 【需要深入的学习一下！ Mark了】

---

NaN

NaN既非数值是一个特殊的数值，用来表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。

console.log(0/'a') //NaN

NaN本身有2个特点。

1. 任何NaN的操作都会返回NaN

console.log(NaN/10) //NaN

2. NaN本身与任何值都不相等，包括NaN本身

console.log(NaN == NaN) false

ECMAScript定义了isNaN(value)函数，判断value是否"不是数值",并且它会自动尝试将这个值转换为数值

console.log(isNaN(NaN)) //true
console.log(isNaN(10)) //false (10是一个数值)
console.log(isNaN("10")) //false ("10"可以被转换为10)
console.log(isNaN("blue")) //true
console.log(isNaN(true)) //false(可以被转化为1)

isNaN同样适用于object， 当基于对象调用时，会调用对象的valueOf()方法， 然后再确定该方法的返回值是否可以转换， 如果不能则调用toString()方法，再测试返回值

//今天写到这儿，明天从数值转换开始，明天写完这个章节 2018/08/01 23:24
//刚刚我女朋友让我自己掏钱给她篆刻印章

2018-08-03

数值转换

JavaScript中有3个函数可以把非数值转换为数值

方法名	作用
Number()	可以用于任何数据类型
parseInt()	转换字符串为整形
parseFloat()	转换字符串为浮点型

1. Number()的转换规则如下
   Boolean值: [true, false] => [1, 0]
   数字值: 直接返回
   null值: 返回0
   undefined: 返回NaN
   字符串: [空 => 0], 数字转换为十进制值['123' => 123, '011' => 11]

Number('Hello World') //NaN
Number('') //0
Number('000011') //11
Number(true) //1

2. parseInt(value, format)

此函数在转换字符串的时候，更多的是看其是否符合数值模式！它会自动忽略空格， 直到找到第一个非空字符， 若第一个不是数字字符或者符号，则返回NaN, 若为规定字符， 则会继续下去，直到碰到了下一个非数字字符。

parseInt('1234blue') //1234
parseInt('') //NaN
parseInt(22.5) //22

parseInt()的第二个参数规定了其转换时使用的基数(即多少进制) 参考参数[2, 8, 16], 指定这个参数非常有必要。

3. parseFloat(value, format)
   parseFloat()跟parseInt()类似, 只是parseFloat()在解析时碰到第一个小数点也能继续解析下去。

parseFloat(.1) //0.1

---

5. String类型

Sting类型用于表示0或者多个16位Unicode字符组成的字符序列，就是字符串。
ECMAScript中的字符串是不可变的, 也就是说, 字符串一旦创建，他们的值就不能改变。 若要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用一个新的字符串填充变量。

let lang = 'Java'
lang = lang + 'Script'

上例中的变量lang初始为字符串'Java'， 第二行lang被赋值为'JavaScript'。 第二行背后的操作为： 首相创建了一个能容纳10个字符的新字符串，然后在此字符串中填充'Java'和'Script'， 最后销毁原来的'Java'和字符串'Script', 都是在后台发生的。

转换为字符串

有两种方法可以转换其他类型为字符串toString(), String()

1. toString()方法， 几乎所有值都有这个方法，此方法的返回值为：将其返回为相应的字符串

let age = 11
console.log(age.toString()) //'11'
let found = true
console.log(found.toString()) //true

toString方法可以传递一个参数为输出值的基数(进制数)

let num = 10
num.toString() //"10"
num.toString(2) //"1010"
num.toString(8) //"12"

2018/08/04

toString()的返回值是一个关于结果的字符串。

2. String()， 在不知道转换的值是否为null或者undefined的情况下， 就可以使用该函数。其转换规则如下。
   => 1. 如果值有toString()方法， 则返回该结果
   => 2. 如果是null, 返回'null'
   => 3. 如果是undefined, 返回'undefined'

String(10) //'10'
String(true) //true
String(undefined) //'undefined'
String(null) //'null'

上例中， 数字与布尔值直接通过toString()调用， null和undefined没有toString()直接返回字面量。

---

6. Object类型

ECMAScript中的对象其实就是一组数据和功能的集合， 可以通过执行new操作符后跟要穿件的对象类型的名称来创建。

let o1 = new Object()
特别的，如果不给构造函数传递参数则可以使用
let 02 = new Object //可以使用但不推荐

在ECMAScript中，Object类型是所有它的实例的基础。所有实例都会继承Object类型的方法和属性。

Object所具有的属性和方法

方法名	作用
constructor	构造函数
hasOwenProperty(propertyName)	检查给定的属性在当前对象的实例中是否存在，而不是原型中
isPrototypeOf(Object)	传入的对象是否是当前对象的原型
propertyIsEnumerable	是否可以枚举
toLocalString()	返回与执行环境地区对应的对象字符串表示
toString()	返回对象的字符串表示
valueOf()	返回对象的字符串，数值或布尔值表示，通常与toString()类型

//我女朋友还没醒 2018/08/04 9.47