javascript對(duì)象和數(shù)組的區(qū)別有哪些

這篇文章主要介紹了javascript對(duì)象和數(shù)組的區(qū)別有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

區(qū)別：區(qū)別：1、對(duì)象是包含已命名的值的無(wú)序集合，而數(shù)組是包含已編碼的值的有序集合。2、數(shù)組的數(shù)據(jù)沒(méi)有名稱，只有下標(biāo)，而對(duì)象的數(shù)據(jù)需要指定名稱。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript 中的對(duì)象（Object）和數(shù)組（Array）有時(shí)候看起來(lái)很相似，但它們是兩種不同類型的數(shù)據(jù)集合，其中對(duì)象是包含已命名的值的無(wú)序集合，而數(shù)組則是包含已編碼的值的有序集合。

示例1

下面示例分別使用對(duì)象和數(shù)組來(lái)存儲(chǔ) 1 和 true 這兩個(gè)值。代碼結(jié)構(gòu)如下：

var o = {  //對(duì)象
    x :1,  //該值命名為x
    y : true  //該值命名為y
}
var a = [  //數(shù)組
    1,  //該值隱含編碼為0
    true  //該值隱含編碼為1
]

對(duì)象的存儲(chǔ)形式很像數(shù)組，因此被稱為關(guān)聯(lián)數(shù)組，但它不是真正意義上的數(shù)組。關(guān)聯(lián)數(shù)組就是將值與特定字符串關(guān)聯(lián)在一起。真正的數(shù)組與字符串沒(méi)有聯(lián)系，但是它將值和非負(fù)整數(shù)的下標(biāo)關(guān)聯(lián)在一起。

console.log(o["x"]);  //返回1，使用點(diǎn)語(yǔ)法存取屬性
console.log(a[0]);  //返回1，使用中括號(hào)存取屬性

使用點(diǎn)語(yǔ)法存取屬性時(shí)，屬性名是標(biāo)識(shí)符；而使用中括號(hào)存取屬性時(shí)，屬性名為字符串。

示例2

當(dāng)用點(diǎn)號(hào)運(yùn)算符來(lái)存取對(duì)象屬性時(shí)，屬性名是用標(biāo)識(shí)符表示的；當(dāng)用中括號(hào)來(lái)存取對(duì)象屬性時(shí)，屬性名是用字符串表示的，因此可以在運(yùn)行過(guò)程中動(dòng)態(tài)生成字符串。

var o = {
    p1 : 1,
    p2 : true
}
for (var i = 1; i < 3; i ++) {
    console.log(o["p" + i]);
}

通過(guò)關(guān)聯(lián)數(shù)組法訪問(wèn)帶有字符串表達(dá)式的對(duì)象屬性是非常靈活的。當(dāng)對(duì)象屬性非常多時(shí)，使用點(diǎn)語(yǔ)法來(lái)存取對(duì)象屬性會(huì)比較麻煩。另外，在一些特殊情況下只能使用關(guān)聯(lián)數(shù)組形式來(lái)存取對(duì)象屬性。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“javascript對(duì)象和數(shù)組的區(qū)別有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!