## 一、定義
數組(array)是按次序排列的一組值。每個值的位置都有編號(從0開始),整個數組用方括號表示。
~~~
var arr = ['a', 'b', 'c'];
~~~
上面代碼中的`a`、`b`、`c`就構成一個數組,兩端的方括號是數組的標志。`a`是0號位置,`b`是1號位置,`c`是2號位置。
除了在定義時賦值,數組也可以先定義后賦值。
~~~
var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 'c';
~~~
* 任何類型的數據,都可以放入數組。
~~~
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
~~~
## 二、數組的本質
本質上,數組屬于一種特殊的對象。`typeof`運算符會返回數組的類型是`object`。
~~~
typeof [1, 2, 3] // "object"
~~~
上面代碼表明,`typeof`運算符認為數組的類型就是對象。
數組的特殊性體現在,它的鍵名是按次序排列的一組整數(0,1,2...)。
~~~
var arr = ['a', 'b', 'c'];
Object.keys(arr); // ["0", "1", "2"]
~~~
上面代碼中,`Object.keys`方法返回數組的所有鍵名。可以看到數組的鍵名就是整數0、1、2。
## 三、length 屬性
數組的`length`屬性,返回數組的成員數量。
~~~
['a', 'b', 'c'].length // 3
~~~
JavaScript 使用一個32位整數,保存數組的元素個數。這意味著,數組成員最多只有 4294967295 個(2^32- 1)個,也就是說`length`屬性的最大值就是 4294967295。
只要是數組,就一定有`length`屬性。該屬性是一個動態的值,等于鍵名中的最大整數加上`1`。
~~~
var arr = ['a', 'b'];
arr.length // 2
arr[2] = 'c';
arr.length // 3
arr[9] = 'd';
arr.length // 10
arr[1000] = 'e';
arr.length // 1001
~~~
`length`屬性是可寫的。如果人為設置一個小于當前成員個數的值,該數組的成員會自動減少到`length`設置的值。
~~~
var arr = [ 'a', 'b', 'c' ];
arr.length // 3
arr.length = 2;
arr // ["a", "b"]
~~~
如果人為設置`length`為不合法的值,JavaScript 會報錯。
~~~
// 設置負值
[].length = -1
// RangeError: Invalid array length
// 數組元素個數大于等于2的32次方
[].length = Math.pow(2, 32)
// RangeError: Invalid array length
// 設置字符串
[].length = 'abc'
// RangeError: Invalid array length
~~~
## 四、in 運算符
檢查某個鍵名是否存在的運算符`in`,適用于對象,也適用于數組。
~~~
var arr = [ 'a', 'b', 'c' ];
2 in arr // true
'2' in arr // true
4 in arr // false
~~~
上面代碼表明,數組存在鍵名為`2`的鍵。由于鍵名都是字符串,所以數值`2`會自動轉成字符串。
注意,如果數組的某個位置是空位,`in`運算符返回`false`。
~~~
var arr = [];
arr[100] = 'a';
100 in arr // true
1 in arr // false
~~~
## 五、for…in 循環和數組的遍歷
`for...in`循環不僅可以遍歷對象,也可以遍歷數組,畢竟數組只是一種特殊對象。
~~~
var a = [1, 2, 3];
for (var i in a) {
console.log(a[i]);
}
// 1
// 2
// 3
~~~
但是,`for...in`不僅會遍歷數組所有的數字鍵,還會遍歷非數字鍵。
~~~
var a = [1, 2, 3];
a.foo = true;
for (var key in a) {
console.log(key);
}
// 0
// 1
// 2
// foo
~~~
數組的遍歷可以考慮使用`for`循環或`while`循環。
~~~
var a = [1, 2, 3];
// for循環
for(var i = 0; i < a.length; i++) {
console.log(a[i]);
}
// while循環
var i = 0;
while (i < a.length) {
console.log(a[i]);
i++;
}
var l = a.length;
while (l--) {
console.log(a[l]);
}
~~~
- 階段一 Java 零基礎入門
- 步驟1:基礎語法
- 第01課 初識
- 第02課 常量與變量
- 第03課 運算符
- 第04課 選擇結構
- 第05課 循環結構
- 第06課 一維數組
- 第08課 方法
- 第09課 數組移位與統計
- 第10課 基礎語法測試
- 第09課 基礎語法測試(含答案)
- 步驟2:面向對象
- 第01課 類和對象
- 第02課 封裝
- 第03課 學生信息管理
- 第04課 繼承
- 第05課 單例模式
- 第06課 多態
- 第07課 抽象類
- 第08課 接口
- 第09課 內部類
- 第10課 面向對象測試
- 第10課 面向對象測試(含答案)
- 步驟3:常用工具類
- 第01課 異常
- 第02課 包裝類
- 第03課 字符串
- 第04課 集合
- 第05課 集合排序
- 第06課 泛型
- 第07課 多線程
- 第08課 輸入輸出流
- 第09課 案例:播放器
- 第10課 常用工具測試(一)
- 第10課 常用工具測試(一)(答案)
- 第10課 常用工具測試(二)
- 第10課 常用工具測試(二)(答案)
- 階段二 從網頁搭建入門 JavaWeb
- 步驟1:HTML 與 CSS
- 第01課 HTML 入門
- 第01課 HTML 入門(作業)
- 第02課 CSS 入門
- 第02課 CSS 入門(作業)
- 第03課 CSS 布局
- 第03課 CSS 布局(作業)
- 步驟2:JavaScript 與前端案例
- 第01課 JavaScript 入門
- 第01課 JavaScript 入門(作業)
- 第02課 仿計算器
- 第03課 前端油畫商城案例
- 第04課 輪播圖
- 第05課 網頁搭建測試
- 第05課 網頁搭建測試(含答案)
- 步驟3:JavaScript 教程
- 入門
- 概述
- 基本語法
- 數據類型
- 概述
- 數值
- 字符串
- undefined, null 和布爾值
- 對象
- 函數
- 數組
- 運算符
- 算術運算符
- 比較運算符
- 布爾運算符
- 位運算符
- 運算順序
- 語法專題
- 數據類型的轉換
- 錯誤處理機制
- 標準庫
- String
- Date
- Math
- DOM
- 概述
- Document 節點
- 事件
- EventTarget 接口
- 事件模型
- 常見事件
- 階段三 數據庫開發與實戰
- 步驟1:初始數據庫操作
- 第01課 數據類型
- 第02課 表的管理
- 第03課 數據管理
- 第04課 常用函數
- 第05課 JDBC 入門
- 第06課 Java 反射
- 第07課 油畫商城
- 第08課 數據庫基礎測試
- 步驟2:MyBatis 從入門到進階
- 第01課 IntelliJ IDEA 開發工具入門
- 第02課 Maven 入門
- 第03課 工廠模式
- 第04課 MyBatis 入門
- 第05課 MyBatis 進階
- 第06課 商品信息管理
- 第07課 MyBatis 基礎測試
- 步驟3:Redis 數據庫與 Linux 下項目部署
- 第01課 Linux 基礎
- 第02課 Linux 下 JDK 環境搭建及項目部署
- 第03課 Redis 入門
- 階段四 SSM 到 Spring Boot 入門與綜合實戰
- 步驟1:Spring 從入門到進階
- 第01課 Spring 入門
- 第02課 Spring Bean 管理
- 第03課 Spring AOP
- 第04課 基于 AspectJ 的 AOP 開發
- 第05課 JDBC Template
- 第06課 Spring 事務管理
- 第07課 人員管理系統開發
- 第08課 Spring 從入門到進階測試
- 步驟2:Spring MVC 入門與 SSM 整合開發
- 第01課 Spring MVC 入門與數據綁定
- 第02課 Restful 風格的應用
- 第03課 SpringMVC 攔截器
- 第04課 辦公系統核心模塊
- 步驟3:Spring Boot 實戰
- 第01課 Spring Boot 入門
- 第02課 校園商鋪項目準備
- 第03課 校園商鋪店鋪管理
- 第04課 校園商鋪商品管理及前臺展示
- 第05課 校園商鋪框架大換血
- 步驟4:Java 面試
- 第01課 面試準備
- 第02課 基礎面試技巧
- 第03課 Web基礎與數據處理
- 第04課 主流框架