一、數組的概念
? ? ? ? 1.數組(Array)可以把一組相關的數據一起存放,并提供方便的訪問(獲取)方式
? ? ? ? 2.數組是指一組數據的集合,其中的每個數據被稱作元素,在數組中可以存放任意類型的元素,數組是一種將一組數據存儲在單個變量名下的優雅方式
二、創建數組
? ? ? ? 1.數組的創建方式有兩種
? ? ? ? ? ? ? ? (1)利用 new 創建數組
????????????????????????????????這種方式暫且了解,等學完對象再看
????????????????????????????????注意Array(),A要大寫
? ? ? ? ? ? ? ? (2)利用數組字面量創建數組
????????????????????????????????數組的字面量是方括號[]
????????????????????????????????聲明數組并賦值稱為數組的初始化
????????????????????????????????這種字面量方式也是我們以后最多使用的方式
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 數組(Array):就是一組數據的集合 存儲在單個變量下的優雅方式// 2. 利用 new 創建數組var arr = new Array(); // 創建了一個空的數組// 3. 利用數組字面量創建數組[]var arr = [];var arr1 = [1, 2, 'hello word', true];</script>
</head><body></body></html>
? ? ? ? 2.數組的元素類型
? ? ? ? ? ? ? ? (1)數組中可以存放任意類型的數據,例如字符串,數字,布爾值等
三、獲取數組中的元素
? ? ? ? 1.數組的索引
? ? ? ? ? ? ? ? (1)索引(下標):用來訪問數組元素的序號(數組下標從0開始)
? ? ? ? ? ? ? ? (2)數組可以通過索引來訪問、設置、修改對應的數組元素,我們可以通過“數組名[索引]” 的形式來獲取數組中的元素
? ? ? ? ? ? ? ? (3)這里的訪問就是獲取得到的意思
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 1. 數組(Array):就是一組數據的集合 存儲在單個變量下的優雅方式// 2. 利用 new 創建數組var arr = new Array(); // 創建了一個空的數組// 3. 利用數組字面量創建數組[]var arr = [];var arr1 = [1, 2, 'hello word', true];// 4. 我們數組里面的數據一定用逗號隔開// 5. 數組里面的數據 比如 1 , 2 我們稱為數組元素// 6. 獲取數組元素 格式 數組名[索引號] 索引號從 0 開始console.log(arr1[2]); // hello wordconsole.log(arr1);var arr2 = ['hello word1', 'hello word2', 'hello word3']console.log(arr2[0]);console.log(arr2[1]);console.log(arr2[2]);console.log(arr2[3]); // 因為沒有這個數組元素 所以輸出的結果是 undefined</script>
</head><body></body></html>
四、遍歷數組
? ? ? ? 1.我們可以通過“數組名[索引號]”的方式將數組里的每一項取出來
? ? ? ? 2.從代碼中我們可以發現,從數組中取出每一個元素,代碼是重復的,有所不一樣的是索引值在遞增
? ? ? ? 3.遍歷就是把數組中的每個元素從頭到尾都訪問一次(類似我們每天早上學生的點名)???
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 遍歷數組:就是把數組的元素從頭到尾訪問一次var arr = ['hello word1', 'hello word2', 'hello word3', 'hello word4']for (var i = 0; i < 4; i++) {console.log(arr[i]);}// 1. 因為我們的數組索引號從0開始,所以 i 必須從 0 開始 i < 3// 2. 輸出的時候 arr[i] i計數器當索引號來用</script>
</head><body></body></html>