1.簡(jiǎn)介
JavaScript 的數(shù)據(jù)類型有6種
- 數(shù)值(
number):整數(shù)和小數(shù)(比如1和3.14) - 字符串(
string): 文本(比如Hello World)。 - 布爾值(
boolean): 即*true(真)和false(假) -
undefined: 表示“未定義”或不存在 -
null: 表示空值,即此處的值為空。 - 對(duì)象(
object): 各種值組成的集合。
1.數(shù)值,字符串,布爾值這三種類型,全稱為原始類型(
primitive type)的值,不可再細(xì)分
2.對(duì)象則稱為合成類型(complex type)的值,
3.undefined和null,特殊值
JavaScript 有三種方法,可以確定一個(gè)值到底是什么類型。分別是typeof運(yùn)算符,instanceof運(yùn)算符,Object.prototype.toString方法
typeof 123 //"number"
typeof abc //"undefined" 因?yàn)閍bc沒(méi)有未定義
typeof 'abc' //"string"
typeof false //"boolean"
typeof null //"object"
2.null 和 undefined
1.類型不一樣:
console.log(typeOf undefined);//undefined
console.log(typeOf null);//object
2.轉(zhuǎn)化為值時(shí)不一樣:undefined為NaN ,null為0
console.log(Number(undefined));//NaN
console.log(Number(10+undefined));//NaN
console.log(Number(null));//0
console.log(Number(10+null));//10
3.比較
undefined === null;//false
undefined == null;//true
3.布爾值(boolean)
真用true表示,假用false表示
false,undefined,null,0,NaN,""或''(空字符串) 這幾個(gè)值都會(huì)被轉(zhuǎn)換為false
空數(shù)組([])和空對(duì)象({})對(duì)應(yīng)的布爾值,都是true。
4.數(shù)值(number)
JavaScript內(nèi)部所有的數(shù)字都是以64位浮點(diǎn)數(shù)形式儲(chǔ)存,因此
1 === 1.0 //true
JavaScript 浮點(diǎn)數(shù)在計(jì)算中要注意精度問(wèn)題
0.1 + 0.2 == 0.3 // false
0.3 / 0.1 //2.9999999999999996
(0.3 - 0.2) === (0.2 - 0.1) //false
4.1數(shù)值的精度
JavaScript 浮點(diǎn)數(shù)的64個(gè)二進(jìn)制位,從最左邊開(kāi)始
- 第1位:符號(hào)位,0表示正數(shù),1表示負(fù)數(shù)
- 第2位到第12位(共11位):指數(shù)部分
- 第13位到第64位(共52位):小數(shù)部分(即有效數(shù)字)
符號(hào)位決定了一個(gè)數(shù)的正負(fù),指數(shù)部分決定了數(shù)值的大小,小數(shù)部分決定了數(shù)值的精度,指數(shù)位有11個(gè)二進(jìn)制位,因此通過(guò)Math.pow(2,11)可算出范圍是0~2047, IEEE 754 規(guī)定,如果指數(shù)部分的值在0~2047之間(不含兩個(gè)端點(diǎn),那么有效數(shù)字的第一位默認(rèn)總是1,也就是說(shuō),有效數(shù)字這時(shí)總是1.xx...xx的形式,其中xx..xx的部分保存在64位浮點(diǎn)數(shù)之中,最長(zhǎng)可能為52位。因此,JavaScript 提供的有效數(shù)字最長(zhǎng)為53個(gè)二進(jìn)制位。
公式
(-1)^符號(hào)位 * 1.xx...xx * 2^指數(shù)部分
因此JavaScrip能夠表示的數(shù)的精度范圍是-2^53 到2^53
Math.pow(2, 53) // 9007199254740992
Math.pow(2, 53) + 1 // 9007199254740992 精度不準(zhǔn)
Math.pow(-2, 53) //-9007199254740992
Math.pow(-2, 53) - 1 //-9007199254740992 精度不準(zhǔn)
4.2 數(shù)值范圍
64位浮點(diǎn)數(shù)的指數(shù)部分的值最大為2047,正負(fù)數(shù)各占一半,因此JavaScript 能夠表示的數(shù)值范圍為2^1024 ~ 2^-1023(開(kāi)區(qū)間),如果一個(gè)數(shù)大于等于2的1024次方,就會(huì)發(fā)生“正向溢出”,返回值為Infinity
Math.pow(2, 1024) // Infinity
如果一個(gè)數(shù)小于等于2的-1024次方,就會(huì)發(fā)生“逆向溢出”,返回值為0
Math.pow(2, -1075) // 0
Number.MAX_VALUE //1.7976931348623157e+308
Number.MIN_VALUE // 5e-324
4.3數(shù)值的表示法
當(dāng)以下兩種情況時(shí),JavaScript會(huì)自動(dòng)轉(zhuǎn)化為科學(xué)計(jì)數(shù)法
- 小數(shù)點(diǎn)前的數(shù)字多余21個(gè)
1234567890123456789012 //輸出 1.2345678901234568e+21
123456789012345678901 //輸出 123456789012345680000
- 小數(shù)點(diǎn)后的零多于5個(gè)
0.0000001 // 1e-7
0.000001 //0.000001
4.4數(shù)值的進(jìn)制
- 十進(jìn)制:我們平時(shí)正常用的數(shù)字
- 二進(jìn)制:前綴
0b或0B - 八進(jìn)制:前綴
0O或0o或者只用了前導(dǎo)0,且只用了0~7的八個(gè)阿拉伯?dāng)?shù)字 - 十六進(jìn)制:前綴
0x或0X
4.5特殊數(shù)值
4.5.1 正零和負(fù)零
除了正零和負(fù)零做分母的時(shí)候值不同,其他時(shí)候正零和負(fù)零是一樣的
(1 / +0) === (1 / -0) // false
是因?yàn)槌哉愕玫?code>+Infinity,除以負(fù)零得到-Infinity,這兩者是不相等的
4.5.2 NaN
NaN是特殊值,表示"非數(shù)字"(Not a Number)
5 - 'x' // NaN
0除以0也會(huì)得到NaN
0 / 0 // NaN
NaN不等于任何值,包括它本身。
NaN === NaN // false
NaN在布爾值中是false
NaN在與任何數(shù)(包括他自己)運(yùn)算時(shí)都顯示的是NaN
4.5.3 Infinity
Infinity有正負(fù)之分,Infinity表示正的無(wú)窮,-Infinity表示負(fù)的無(wú)窮
Infinity與null計(jì)算時(shí),null會(huì)轉(zhuǎn)成0,等同于與0的計(jì)算。
Infinity與undefined計(jì)算,返回的都是NaN。
Math.pow(2, 1024) // Infinity
0 / 0 // NaN
1 / 0 // Infinity
Infinity === -Infinity // false
1 / -0 // -Infinity
-1 / -0 // Infinity
4.6.與數(shù)值相關(guān)的全局方法
4.6.1 parseInt()
將字符串轉(zhuǎn)為整數(shù)。
parseInt('123') // 123
如果字符串頭部有空格,空格會(huì)被自動(dòng)去除。
parseInt(' 123') // 123
如果parseInt的參數(shù)不是字符串,則會(huì)先轉(zhuǎn)為字符串再轉(zhuǎn)換。
parseInt(1.23) // 1
// 等同于
parseInt('1.23') // 1
字符串轉(zhuǎn)為整數(shù)的時(shí)候,是一個(gè)個(gè)字符依次轉(zhuǎn)換,如果遇到不能轉(zhuǎn)為數(shù)字的字符,就不再進(jìn)行下去,返回已經(jīng)轉(zhuǎn)好的部分。
parseInt('8a') // 8
parseInt('12**') // 12
parseInt('12.34') // 12
parseInt('15e2') // 15
parseInt('15px') // 15
如果字符串的第一個(gè)字符不能轉(zhuǎn)化為數(shù)字(后面跟著數(shù)字的正負(fù)號(hào)除外),返回NaN
parseInt('abc') // NaN
parseInt('.3') // NaN
parseInt('') // NaN
parseInt('+') // NaN
parseInt('+1') // 1
所以,parseInt的返回值只有兩種可能,要么是一個(gè)十進(jìn)制整數(shù),要么是NaN
parseInt方法還可以接受第二個(gè)參數(shù)(2 ~ 36)之間的整數(shù),表示被解析的值的進(jìn)制,返回該值對(duì)應(yīng)的十進(jìn)制數(shù),如果超出這個(gè)范圍,則返回NaN。如果第二個(gè)參數(shù)是0、undefined和null,則直接忽略。
parseInt('100') // 100
// 等同于
parseInt('100', 10) // 100
parseInt('100', 2) // 4 二進(jìn)制數(shù)100轉(zhuǎn)化成十進(jìn)制數(shù) 結(jié)果為4
parseInt('100', 6) //36
parseInt('100', 8) // 64
如果字符串包含對(duì)于指定進(jìn)制無(wú)意義的字符,則從最高位開(kāi)始,只返回可以轉(zhuǎn)換的數(shù)值。如果最高位無(wú)法轉(zhuǎn)換,則直接返回NaN。
parseInt('1234', 2) // 1
parseInt('234', 2) // NaN
4.6.2 parseFloat()
將字符串轉(zhuǎn)為浮點(diǎn)數(shù)
parseFloat('3.14') // 3.14
parseFloat('314e-2') // 3.14
parseFloat('0.0314E+2') // 3.14
如果字符串包含不能轉(zhuǎn)為浮點(diǎn)數(shù)的字符,則不再進(jìn)行往后轉(zhuǎn)換,返回已經(jīng)轉(zhuǎn)好的部分。
parseFloat('8.88lalala') // 8.88
parseFloat('\t\v\r12.34\n ') // 12.34
如果參數(shù)不是字符串,或者字符串的第一個(gè)字符不能轉(zhuǎn)化為浮點(diǎn)數(shù),則返回NaN。
4.6.3 isNaN()
判斷一個(gè)值是否為NaN
isNaN只對(duì)數(shù)值有效,如果傳入其他值,會(huì)被先轉(zhuǎn)成數(shù)值
isNaN(NaN) // true
isNaN(123) // false
isNaN為true的值,有可能不是NaN,而是一個(gè)字符串
isNaN('Hello') // true
// 相當(dāng)于
isNaN(Number('Hello')) // true
對(duì)于對(duì)象和元素為字符的數(shù)組,isNaN也返回true
isNaN({}) // true
// 等同于
isNaN(Number({})) // true
isNaN(['xzy']) // true
// 等同于
isNaN(Number(['xzy'])) // true
對(duì)于空數(shù)組和只有一個(gè)數(shù)值成員的數(shù)組,isNaN返回false,因?yàn)檫@些數(shù)組能被Number函數(shù)轉(zhuǎn)成數(shù)值
isNaN([]) // false
isNaN([123]) // false
isNaN(['123']) // false
判斷NaN的方法
function myIsNaN(value) {
return typeof value === 'number' && isNaN(value);
}
//更可靠
function myIsNaN(value) {
return value !== value;
}
4.6.4 isFinite()
表示某個(gè)值是否為正常的數(shù)值,返回一個(gè)布爾值.
isFinite(Infinity) // false
isFinite(-Infinity) // false
isFinite(NaN) // false
isFinite(undefined) // false
isFinite(null) // true
isFinite(-1) // true
除了Infinity、-Infinity、NaN和undefined這幾個(gè)值會(huì)返回false,isFinite對(duì)于其他的數(shù)值都會(huì)返回true
5 字符串
字符串就是零個(gè)或多個(gè)排在一起的字符,放在單引號(hào)或雙引號(hào)之中
'I like China'
'It's a sunny day'
'key = "value"' //key = "value"
單引號(hào)中用單引號(hào),要使用'\'轉(zhuǎn)義,雙引號(hào)同理
'she is so \'sad\'' //she is so 'sad'
"she is so \"sad\"" //she is so "sad"
字符串默認(rèn)只能寫(xiě)在一行內(nèi) 分成多行將會(huì)報(bào)錯(cuò)
' a
b
' //Uncaught SyntaxError: Invalid or unexpected token
如果要換行寫(xiě),則可以在每一行的尾部使用反斜杠
'a \
b \
c \ '; //a b c
連接運(yùn)算符(+)可以連接多個(gè)單行字符串
console.log('a' + 'b' + 'c') //abc
如果想輸出多行字符串,有一種利用多行注釋的變通方法
(function () { /*
a
b
c
*/}).toString().split('\n').slice(1, -1).join('\n')
//"a
//b
//c"
字符串可以被視為字符數(shù)組
var a = 'hello'
a[1] // e
如果方括號(hào)中的數(shù)字超過(guò)字符串的長(zhǎng)度,或者方括號(hào)中根本不是數(shù)字,則返回undefined
a[10] //undefined
a['x'] //undefined
length屬性
a.length //5
Base64 轉(zhuǎn)碼
JavaScript 原生提供兩個(gè) Base64 相關(guān)的方法。這兩個(gè)方法不適合非 ASCII 碼的字符,會(huì)報(bào)錯(cuò)
btoa():任意值轉(zhuǎn)為Base64編碼
atob():Base64 編碼轉(zhuǎn)為原來(lái)的值
var string = 'Hello World!';
btoa(string) // "SGVsbG8gV29ybGQh"
atob('SGVsbG8gV29ybGQh') // "Hello World!"
btoa('你好') // 報(bào)錯(cuò)
要將非 ASCII 碼字符轉(zhuǎn)為Base64 編碼,必須中間插入一個(gè)轉(zhuǎn)碼環(huán)節(jié),再使用這兩個(gè)方法。
function b64Encode(str) {
return btoa(encodeURIComponent(str));
}
function b64Decode(str) {
return decodeURIComponent(atob(str));
}
b64Encode('你好') // "JUU0JUJEJUEwJUU1JUE1JUJE"
b64Decode('JUU0JUJEJUEwJUU1JUE1JUJE') // "你好"