數組

1.數組的定義

任何類型的數據,都可以放入數組。如果數組的元素還是數組,就形成了多維數組。

var arr = [
  {a: 1},
  [1, 2, 3],
  function() {return true;}
];

arr[0] // Object {a: 1}
arr[1] // [1, 2, 3]
arr[2] // function (){return true;}

var a = [[1, 2], [3, 4]];
a[0][1] // 2
a[1][1] // 4

2. 數組的本質

本質上,數組屬于一種特殊的對象。typeof運算符會返回數組的類型是object。數組的特殊性體現在,它的鍵名是按次序排列的一組整數(0,1,2…)。JavaScript語言規定,對象的鍵名一律為字符串,所以,數組的鍵名其實也是字符串。之所以可以用數值讀取,是因為非字符串的鍵名會被轉為字符串。對象有兩種讀取成員的方法:“點”結構(object.key)和方括號結構(object[key])。但是,對于數值的鍵名,不能使用點結構。

typeof [1, 2, 3] // "object"

var arr = ['a', 'b', 'c'];

arr['0'] // 'a'
arr[0] // 'a'

Object.keys(arr)
// ["0", "1", "2"]

var arr = [1, 2, 3];
arr.0 // SyntaxError

3.length屬性

只要是數組,就一定有length屬性。該屬性是一個動態的值,等于鍵名中的最大整數加上1。

var arr = ['a', 'b'];
arr.length // 2

arr[9] = 'd';
arr.length // 10

當數組的length屬性設為2(即最大的整數鍵只能是1)那么整數鍵2(值為c)就已經不在數組中了,被自動刪除了。上面代碼表示,當length屬性設為大于數組個數時,讀取新增的位置都會返回undefined。

如果人為設置length為不合法的值,JavaScript會報錯。

var arr = [ 'a', 'b', 'c' ];
arr.length // 3

arr.length = 2;
arr // ["a", "b"]

var a = ['a'];

a.length = 3;
a[1] // undefined

4.類數組對象

它們看上去很像數組,可以使用length屬性,但是它們并不是數組,所以無法使用一些數組的方法。類似數組的對象只有一個特征,就是具有length屬性。

//數組的slice方法將類似數組的對象,變成真正的數組。
var arr = Array.prototype.slice.call(arrayLike);

// for循環
function logArgs() {
  for (var i = 0; i < arguments.length; i++) {
    console.log(i + '. ' + arguments[i]);
  }
}

// forEach方法
function logArgs() {
  Array.prototype.forEach.call(arguments, function (elem, i) {
    console.log(i+'. '+elem);
  });

//字符串也是類似數組的對象,所以也可以用Array.prototype.forEach.call遍歷。
Array.prototype.forEach.call('abc', function(chr) {
  console.log(chr);
});
// a
// b
// c
}

5.in 運算符

檢查某個鍵名是否存在的運算符in,適用于對象,也適用于數組

var arr = [ 'a', 'b', 'c' ];
2 in arr  // true
'2' in arr // true
4 in arr // false

var arr = [];
arr[100] = 'a';

100 in arr // true
1 in arr // false

6.for…in 循環和數組的遍歷

for...in循環不僅可以遍歷對象,也可以遍歷數組,畢竟數組只是一種特殊對象。但是,for...in不僅會遍歷數組所有的數字鍵,還會遍歷非數字鍵。

var a = [1, 2, 3];
a.foo = true;

for (var key in a) {
 console.log(key);
}
// 0
// 1
// 2
// foo

7.數組的空位

當數組的某個位置是空元素,即兩個逗號之間沒有任何值,我們稱該數組存在空位(hole)。數組的空位不影響length屬性。使用數組的forEach方法、for...in結構、以及Object.keys方法進行遍歷,空位都會被跳過。如果某個位置是undefined,遍歷的時候就不會被跳過。```javascript
var a = [1, 2, 3];
delete a[1];

a[1] // undefined
a.length // 3

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、數組的定義var arr=[];var arr=[{a:1,b:2},[1,2,3],function(){r...
    青春前行閱讀 367評論 0 0
  • (一) 數組的定義 數組(array)是按次序排列的一組值。每個值的位置都有編號(從0開始),整個數組用方括號表示...
    woow_wu7閱讀 46,890評論 0 6
  • 數組的基本理解及規則 本質上,數組屬于一種特殊的對象。typeof運算符會返回數組的類型是object。 數組的特...
    抱著熊喵啃什么閱讀 236評論 0 0
  • 一月份就快過完了,似乎還未感受到開始的氛圍,也沒有即將結束的失措感,就這樣平平淡淡的,一分一秒地嘀嗒嘀嗒吧。 明日...
    木子小丹閱讀 99評論 0 0
  • 靜靜的夜晚,黑色一步一步,清透了每個活力的角落,散發一股沉重的睡意,我靠著沙發,桌上紅熱的火慢慢烘熱紅茶,顏色迷離...
    三三蝸牛閱讀 304評論 0 0