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 |
- 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
- 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
- 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语句的判断
- 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个特点。
- 任何NaN的操作都会返回NaN
console.log(NaN/10) //NaN
- 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() | 转换字符串为浮点型 |
- 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
- parseInt(value, format)
此函数在转换字符串的时候,更多的是看其是否符合数值模式!它会自动忽略空格, 直到找到第一个非空字符, 若第一个不是数字字符或者符号,则返回NaN, 若为规定字符, 则会继续下去,直到碰到了下一个非数字字符。
parseInt('1234blue') //1234
parseInt('') //NaN
parseInt(22.5) //22
parseInt()的第二个参数规定了其转换时使用的基数(即多少进制) 参考参数[2, 8, 16], 指定这个参数非常有必要。
- parseFloat(value, format)
parseFloat()跟parseInt()类似, 只是parseFloat()在解析时碰到第一个小数点也能继续解析下去。
parseFloat(.1) //0.1
- String类型
Sting类型用于表示0或者多个16位Unicode字符组成的字符序列,就是字符串。
ECMAScript中的字符串是不可变的, 也就是说, 字符串一旦创建,他们的值就不能改变。 若要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用一个新的字符串填充变量。
let lang = 'Java'
lang = lang + 'Script'
上例中的变量lang初始为字符串'Java', 第二行lang被赋值为'JavaScript'。 第二行背后的操作为: 首相创建了一个能容纳10个字符的新字符串,然后在此字符串中填充'Java'和'Script', 最后销毁原来的'Java'和字符串'Script', 都是在后台发生的。
转换为字符串
有两种方法可以转换其他类型为字符串toString(), String()
- 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()的返回值是一个关于结果的字符串。
- 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()直接返回字面量。
- 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