JavaScript學(xué)習(xí)之?dāng)?shù)據(jù)類型(1)

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.undefinednull,特殊值

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)制:前綴0b0B
  • 八進(jìn)制:前綴0O0o 或者只用了前導(dǎo)0,且只用了0~7的八個(gè)阿拉伯?dāng)?shù)字
  • 十六進(jìn)制:前綴0x0X

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ú)窮
Infinitynull計(jì)算時(shí),null會(huì)轉(zhuǎn)成0,等同于與0的計(jì)算。
Infinityundefined計(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、undefinednull,則直接忽略。

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

isNaNtrue的值,有可能不是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、NaNundefined這幾個(gè)值會(huì)返回falseisFinite對(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') // "你好"

參考鏈接:https://wangdoc.com/javascript/types/index.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容