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