資訊專欄INFORMATION COLUMN
摘要：數(shù)組的大小是不固定的，可以像這樣隨意添加。再看一張圖，這次多添加幾個元素，再給數(shù)組添加一個屬性注意看右側(cè)對象的元素索引不知道你有沒有發(fā)現(xiàn)。數(shù)組范圍和索引轉(zhuǎn)換那里是參考的，其他地方都是自己的理解和看法。
從題目說起，之所以是不完全，是因為有些東西比如數(shù)組的方法怎么用這個我都不打算講，因為那個看一下都會，下面講的都是我覺得重要的，只關(guān)于數(shù)組對象本身。另外，由于我的Javascript實戰(zhàn)經(jīng)驗不多，所以可能有些東西沒涉及到，有些內(nèi)容說的有誤，請發(fā)現(xiàn)問題的同學(xué)不吝指教。
首先，Javascript（下稱js）的數(shù)組定義，這不是重點，簡單說下，下面兩句都是創(chuàng)建一個空的數(shù)組：
var arr = [];
var arr2 = new Array(); // 不寫new也可以。
在創(chuàng)建之后，你就可以隨時往數(shù)組里添加元素。數(shù)組的大小是不固定的，可以像a[0] = 1這樣隨意添加。
然后到重點了，關(guān)于往數(shù)組里添加元素這件事。首先，你要知道數(shù)組是一個對象，而對象是一個鍵值對的集合（類似于java里面的map，python里面的dict，c#里面的Dictionary），對象可以有屬性，對象的函數(shù)叫方法，對象的屬性或方法可以使用方括號或點號的方式訪問，其中使用方括號引用要加引號，點號的使用只有在屬性名稱是一個合法的變量名稱的時候才可以使用,也就是屬性不包含任何空格連字符并且不以數(shù)字開頭時才可以，看個例子：
var person = {};
person.age = 22;
person.sayhi = function(){console.log("hi");};
person.age; // 22
person["age"]; // 22
person.sayhi(); // hi
person["sayhi"](); // hi
嗯，這就是對象，好像也沒什么特別的（除了用方括號取值外），不過對象說些就夠了，后面開始說數(shù)組。
對于上面的這些，數(shù)組全可以做到，也就是說，下面這段代碼也可以正常運行（只有第一行跟上面的不一樣）：
var person = [];
person.age = 22;
person.sayhi = function(){console.log("hi");};
person.age; // 22
person["age"]; // 22
person.sayhi(); // hi
person["sayhi"](); // hi
因為數(shù)組就是對象，這里不要把方括號的字符串索引和通常講的數(shù)字索引弄混了，還沒開始說（馬上說）數(shù)字索引呢。
和普通的對象不同，數(shù)組對象的元素有數(shù)字索引，或者說特殊的鍵（前面說了對象是鍵值對），這和我們在其他語言比如java、c#等語言中的見到的數(shù)組是一樣的。在js中，這個鍵有一些特殊的要求，它可以是數(shù)字，也可以是能轉(zhuǎn)換成數(shù)字的字符串，而合理的數(shù)字，需要是范圍在0到4294967295(2^32-1)的整數(shù)（事實上，這個索引在詞法分析的時候都是當(dāng)做字符串的，js把這個字符串轉(zhuǎn)換成32位的整數(shù)，然后再把32位的整數(shù)轉(zhuǎn)換成字符串跟原字符串比較，如果相同的話，則說明這個索引值是合法的數(shù)字，否則就是一個普通的字符串鍵）。簡單舉個例子：
a = [1, 3, 5, 7];
console.log(a[0]); // 1
console.log(a["0"]); // 1
a["2"] = 12;
console.log(a[2]); // 12
上面的代碼都是可以在瀏覽器里運行的，注釋是輸出值。這和我們在其他語言中見到的數(shù)組好像沒啥區(qū)別。這個a["2"] = 12;因為"2"被轉(zhuǎn)換成整數(shù)再轉(zhuǎn)換成字符串還是"2"，所以跟a[2]一樣。不過其他語言里，我們使用數(shù)組都是定義一個固定大小數(shù)組的對不對？這里好像不是哈，而且這里還說了數(shù)組的索引范圍。所以，為什么？簡單點回答就是這里的數(shù)組是對象，是js中的對象。這一點和其他語言（python等函數(shù)式的除外）不同，具體哪里不同，我沒深入研究，也說不太清楚，我理解的是，c/java等語言定義數(shù)組的時候，是在內(nèi)存中劃分了一塊固定大小的區(qū)域，有一個指針存儲著這塊區(qū)域的首地址。而js中好像不是這樣的，就像前面說的一樣，數(shù)組是對象，鍵值對結(jié)構(gòu)，所以我覺得js中的數(shù)組都是用hash的方式存儲元素的，元素之間的內(nèi)存不一定是連續(xù)的。不過我現(xiàn)在沒找到查看js變量內(nèi)存地址的方法，所以沒法確定這件事。不過這不是本文要講的重點。
我們把重點放到索引上，前面說了索引的范圍，不過有同學(xué)可能試了，就是a[-1] = 2；或是a[4294967296] = 10;這種語句也沒有問題。對的，這并不是錯誤，這是正常的語句，當(dāng)然不會有問題。但是問題是前面不是說了索引必須是0到4294967295的整數(shù)么？對，是的，這也沒錯。那疑問出在哪里呢？
先貼兩張firefox控制臺的截圖：
你有沒有發(fā)現(xiàn)什么問題呢？當(dāng)我們使用正常的索引添加元素，在打印數(shù)組的時候，添加的元素會被打印出來，而使用非正常的“索引”添加元素時，打印的數(shù)組里面卻沒有添加的元素，但是你看右側(cè)的Array對象，所有添加的元素卻一個不少。再看一張圖，這次多添加幾個元素，再給數(shù)組添加一個屬性（注意看右側(cè)Array對象的元素索引）：
不知道你有沒有發(fā)現(xiàn)。在右側(cè)，上面幾個是數(shù)字索引，打印數(shù)組的時候能被打印的，而下面幾個是屬性，打印數(shù)組不會打印屬性！也就是說，a[-2] = 2;這種語句，這個-2是屬性的鍵，而不是特殊的數(shù)字索引的鍵，-2在被強制轉(zhuǎn)換成正整數(shù)的時候，被認(rèn)為是一個字符串，所以這個-2和4294967296和"name"一樣，都是數(shù)組的一個屬性的鍵！所以前面說的負(fù)索引或是超出范圍的索引（應(yīng)該說是屬性的鍵）都是合法的，它們都是普通的字符串鍵。
這里一個問題，就是既然說-2這種鍵是普通的屬性鍵，那有人可能會說為什么使用a.-2或是a."-2"訪問-2這個鍵的值會報錯，而a[-2]就不會報錯？對呀，為什么？前面在講對象的時候，有一句加粗的話：對象的屬性或方法可以使用方括號或點號的方式訪問，其中使用方括號引用要加引號，點號的使用只有在屬性名稱是一個合法的變量名稱的時候才可以使用,也就是屬性不包含任何空格連字符并且不以數(shù)字開頭時才可以。所以，-2這種鍵的屬性，是不能用點號的方式訪問的！
另外還有一個小問題，就是方括號，當(dāng)我們想訪問數(shù)組的name屬性的時候,需要這樣：a["name"],也就是name被引號包起來了，而-2是和name一樣的屬性的鍵，為何-2可以不用（也可以用）引號包起來？其實，方括號內(nèi)的所有字符會被當(dāng)成一個表達(dá)式，單純的一個數(shù)字-2，是個合法的表達(dá)式，但name如果沒有被定義成變量名，name就不是合法的表達(dá)式，同樣x^b&c這種也不是合法的，因為它會被當(dāng)成變量x、b、c組成的某種表達(dá)式，但是x、b、c是不是變量還不確定，而且里面的符號不一定是被js所支持的，所以a[name]的問題出在name上，而不是[]上。如果還不好理解，你可以把name想象成x+y,在x、y沒有被定義成變量的時候，x+y這個表達(dá)式肯定有問題對不對？那a[x+y]也會有問題對不對？而a["x+y"]就沒有問題，因為"x+y"是個字符串。
后面補充一點，js中，變量名字是可以由數(shù)字、字母、下劃線任意組合的，其中數(shù)字不能放在開始位置。而對象的屬性鍵的命名要寬松一些，合法的可以不用引號，不合法的用引號包起來就可以。
好了，說的差不多了，總結(jié)一下：文章首先簡單介紹了下對象，然后說了數(shù)組也是對象，最后解釋了下一些疑問，然后總結(jié)。
寫這篇文章的原因是我昨天在微博里看了一條js的教程，對數(shù)組的講解產(chǎn)生了一個疑問，然后評論的字?jǐn)?shù)超出了140，所以我就查資料多帶帶寫出來了。目的是讓自己弄明白，也愿能幫助到學(xué)js的同學(xué)。數(shù)組范圍和索引轉(zhuǎn)換那里是參考的《Speaking Javascript》，其他地方都是自己的理解和看法。
最后，感謝觀看，因為是分兩次寫的，可能語句有些亂，有的地方不亂但是上下文也完整，有的上下文完整但是廢話太多，總之，就這樣吧。下篇見。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85756.html
摘要：關(guān)于數(shù)組的遍歷，的方式相對于等語言是很奇怪的打印結(jié)果可以看到，打印的結(jié)果不是數(shù)組的元素，而是數(shù)字索引值感覺這好像也可以說明，的數(shù)組也是用的方式存儲的，不管怎樣，這一點要注意。 上一篇說了數(shù)組的索引，這一篇說下數(shù)組的使用。 數(shù)組的大小 js的數(shù)組可以動態(tài)調(diào)整大小，更確切點說，它沒有數(shù)組越界的概念，a[a.length]沒什么問題。比如聲明一個數(shù)組a = [1, 3, 5],現(xiàn)在的數(shù)組...
摘要：由于網(wǎng)景公司希望能在靜態(tài)頁面上添加一些動態(tài)效果，于是叫這哥們在兩周之內(nèi)設(shè)計出了語言。所以簡單說來就是，是一種語言標(biāo)準(zhǔn)，而是網(wǎng)景公司對標(biāo)準(zhǔn)的一種實現(xiàn)。 JavaScript基礎(chǔ)拾遺 study notes by Tingting 為啥說JavaScript的基礎(chǔ) 在平時開發(fā)時，我們更多的是在寫PHP的邏輯層，但是在寫后臺時多多少少會寫一寫JavaScript的代碼，有時候我們就會遇到對j...
摘要：刪除刪除數(shù)組元素刪除第一個元素可以看出，通過運算符刪除數(shù)組元素也有一些注意的地方。數(shù)組方法也可以用于刪除數(shù)組元素，后面講解。該方法對數(shù)組的每一項運行給定的函數(shù)，返回該函數(shù)會返回的項組成的數(shù)組。 結(jié)合《javascript高級程序設(shè)計》《javascript權(quán)威指南》《javascript語言精粹》做的一篇關(guān)于Array對象的全面解析。分為兩篇：基礎(chǔ)篇和擴展應(yīng)用篇。 1.概念及...
摘要：小明在一個方法內(nèi)部，是一個特殊變量，它始終指向當(dāng)前對象，也就是這個變量。原型對象基于原型創(chuàng)建一個新對象初始化新對象小明小明 數(shù)據(jù)類型 數(shù)字字符串布爾：false和true數(shù)組對象null——空值undefined——未定義。僅僅在判斷函數(shù)參數(shù)是否傳遞的情況下使用 字符串 用或者包括的叫字符串。轉(zhuǎn)義字符：toUpperCase()——轉(zhuǎn)換為大寫toLowerCase()——轉(zhuǎn)換為小寫in...
摘要：數(shù)據(jù)格式是一種輕量級的數(shù)據(jù)交換格式。為了對名為的對象進(jìn)行轉(zhuǎn)換，只需執(zhí)行相同形式的命令這就是與本系列討論的其他數(shù)據(jù)格式之間最大的差異。不過，我們讀起來費解的語言，恰恰是適合機器閱讀，所以通過的索引就能夠讀取黑龍江這個值。 JSON 數(shù)據(jù)格式 JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。JSON采用完全獨立于語言的文本格式，這些特性使...
閱讀 1776·2021-11-11 16:55
閱讀 2579·2021-08-27 13:11
閱讀 3635·2019-08-30 15:53
閱讀 2308·2019-08-30 15:44
閱讀 1399·2019-08-30 11:20
閱讀 1047·2019-08-30 10:55
閱讀 952·2019-08-29 18:40
閱讀 3045·2019-08-29 16:13
