JS里的數(shù)據(jù)類(lèi)型

JS里的數(shù)據(jù)類(lèi)型主要分為兩大類(lèi)。

  1. 基本類(lèi)型
  • 字符串(string)
  • 數(shù)字(number)
  • 布爾值(boolean)
  • null
  • undefined
  • 符號(hào)(symbol)
  1. 復(fù)雜類(lèi)型
  • 對(duì)象(object)包括對(duì)象,數(shù)組,函數(shù)都屬于對(duì)象。

一共有七種,在這里介紹除了符號(hào)外的所有類(lèi)型。

字符串

只要放在單引號(hào)或雙引號(hào)中的字符就是字符串,在字符串內(nèi)部如果要使用引號(hào),就必須和外層引號(hào)不同,例如一下表示都是合法的。

'key = "value"'
"It's a long journey"

另外也可以使用轉(zhuǎn)義符。

'Did she say \'Hello\'?'
// "Did she say 'Hello'?"

"Did she say \"Hello\"?"
// "Did she say "Hello"?"

如果要想多個(gè)單行字符串連接可用+號(hào),這也是字符串換行連接的推薦方式。

var longString = 'Long '
  + 'long '
  + 'long '
  + 'string';

要表示特殊字符就需要使用轉(zhuǎn)義符,主要使用的有一下幾個(gè)。

  • \0 :null(\u0000)
  • \b :后退鍵(\u0008)
  • \f :換頁(yè)符(\u000C)
  • \n :換行符(\u000A)
  • \r :回車(chē)鍵(\u000D)
  • \t :制表符(\u0009)
  • \v :垂直制表符(\u000B)
  • ' :?jiǎn)我?hào)(\u0027)
  • " :雙引號(hào)(\u0022)
  • \ :反斜杠(\u005C)
    其他類(lèi)型要轉(zhuǎn)換為字符串可以使用加空字符串的方法xxx + ''。

數(shù)字

JS中所有數(shù)字都是用64位浮點(diǎn)數(shù)的形式存儲(chǔ)的,所以在其底層并沒(méi)有整數(shù),只有小數(shù)。而浮點(diǎn)數(shù)的表示并不精確,會(huì)出現(xiàn)以下情況,需特別小心。

0.1 + 0.2 === 0.3
// false

0.3 / 0.1
// 2.9999999999999996

(0.3 - 0.2) === (0.2 - 0.1)
// false

JS能夠表示的數(shù)值范圍為21024到2-1023(開(kāi)區(qū)間),超出這個(gè)范圍的數(shù)無(wú)法表示。在使用時(shí),如果超出最大值,回發(fā)生‘正向溢出’。小于最小值時(shí),會(huì)發(fā)生‘負(fù)向溢出’。

Math.pow(2, 1024) // Infinity
Math.pow(2, -1075) // 0

JavaScript 提供Number對(duì)象的MAX_VALUE和MIN_VALUE屬性,返回可以表示的具體的最大值和最小值。

Number.MAX_VALUE // 1.7976931348623157e+308
Number.MIN_VALUE // 5e-324

其他數(shù)據(jù)類(lèi)型如果想轉(zhuǎn)換為數(shù)字,可使用減零的方式xxx - 0(如果該數(shù)據(jù)可以轉(zhuǎn)換為數(shù)字的話)。

布爾值

布爾值只有兩個(gè)truefalse,在條件表達(dá)式中,會(huì)將表達(dá)式轉(zhuǎn)換為布爾值,以進(jìn)行下一步操作。除了以下六個(gè)falsy值外,其它一切轉(zhuǎn)換為布爾值都為true。

  • 數(shù)字0
  • NaN
  • null
  • undefined
  • 空字符串''
  • 布爾值false
    要將其它值轉(zhuǎn)換為布爾值可使用雙重取反!!xxx。

null和undefined

這兩個(gè)類(lèi)型基本沒(méi)什么區(qū)別,如果一個(gè)變量聲明了而沒(méi)有賦值,則會(huì)自動(dòng)賦值為undefined。慣例來(lái)說(shuō),如果一個(gè)變量打算賦值為對(duì)象,而暫時(shí)還未賦值,則會(huì)先賦值為null
另外,在轉(zhuǎn)換為數(shù)字時(shí),null會(huì)轉(zhuǎn)換為0,而undefined則會(huì)轉(zhuǎn)換為NaN。

對(duì)象

對(duì)象包括普通對(duì)象,數(shù)組以及函數(shù)。

var obj = {
  foo: 'Hello',
  bar: 'World'
};
var array = [1, 2, 3];
function fun() {}

對(duì)象的鍵名都是字符串,可以直接使用數(shù)字,JS會(huì)在后臺(tái)自動(dòng)轉(zhuǎn)換為字符串。
可以使用Object.keys(obj)查看對(duì)象的屬性。使用delete操作符可以刪除對(duì)象的屬性,返回true。注意,刪除一個(gè)不存在的屬性,delete不報(bào)錯(cuò),而且返回true。

var obj = { p: 1 };
Object.keys(obj) // ["p"]

delete obj.p // true
obj.p // undefined
Object.keys(obj) // []

var obj = {};
delete obj.p // true

只有一種情況,delete命令會(huì)返回false,那就是該屬性存在,且不得刪除。
in運(yùn)算符用于檢查對(duì)象是否包含某個(gè)屬性(注意,檢查的是鍵名,不是鍵值),如果包含就返回true,否則返回false。

var obj = { p: 1 };
'p' in obj // true
'toString' in obj // true

in運(yùn)算符的一個(gè)問(wèn)題是,它不能識(shí)別哪些屬性是對(duì)象自身的,哪些屬性是繼承的。就像上面代碼中,對(duì)象obj本身并沒(méi)有toString屬性,但是in運(yùn)算符會(huì)返回true,因?yàn)檫@個(gè)屬性是繼承的。
for...in循環(huán)可用來(lái)遍歷對(duì)象屬性(可枚舉屬性),包括繼承的。JS內(nèi)建屬性和方法都不可枚舉。

var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
  console.log('鍵名:', i);
  console.log('鍵值:', obj[i]);
}
// 鍵名: a
// 鍵值: 1
// 鍵名: b
// 鍵值: 2
// 鍵名: c
// 鍵值: 3

復(fù)雜類(lèi)型和基本類(lèi)型最大的區(qū)別就是在存儲(chǔ)上面?;绢?lèi)型的賦值都是使用拷貝,即改變賦值并不會(huì)影響另一個(gè)變量。而對(duì)象使用的是引用賦值,拷貝給聲明的只是同一個(gè)內(nèi)存地址,當(dāng)改變了對(duì)象的內(nèi)容,會(huì)影響另外的指向同一內(nèi)存地址的變量。

typeof

使用typeof操作符檢查變量類(lèi)型。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

function f() {}
typeof f // "function"
typeof undefined // "undefined"
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"
typeof /([a-z])/ //"object"

其中需要注意的是,普通對(duì)象,數(shù)組,null以及正則表達(dá)式都會(huì)返回"object"。

?著作權(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)容