JavaScript 中的數組常用于在單個變量中存儲多個值。數組就是一組數據的集合，在內存中表現為一段連續的內存地址(保存在堆內存)。創建數組的目的就是為了保存更多的數據。

數組概念和語法

概念：數組是一個特殊變量，一次可以容納多個值。

特點：有順序，有長度。

作用：使用單獨的變量名來存儲一系列的值。

語法如下所示：

var array_name = [item, item2, item3, ...];

其中 array_name 就是數組名，其實就是變量名，而數組中的元素全部是包圍在中括號 [] 內，元素中間使用逗號分隔。數組中的元素可以是任意類型，類型可以是不同的。

創建數組

在 JavaScript 語言中，要創建一個數組，最常用的方式，我們可以使用字面量來創建。

示例：

創建一個簡單的數組，數組名為：

var array1 = ["HTML", "VUE", "JAVASCRIPT", "CSS"];

代碼中的空格和換行符并不是重要的，聲明多個值時我們還可以跨越多行：

var array2 = [ "HTML", "VUE", "JAVASCRIPT", "CSS"];

除此之外，我們還可以使用關鍵字 new 來創建數組：

var array3 = new Array();arrs[0] = 1;arrs[1] = 2;arrs[2] = 3;console.log(array3);// 輸出：[ 1, 2, 3 ]

這種方式還有另一種簡潔寫法，就是直接在 Array 后面的小括號中添加值：

var array4 = new Array("xkd", "summer", "jack");console.log(array4);// 輸出：[ 'xkd', 'summer', 'jack' ]

訪問數組

我們可以通過數組名以及數組下標訪問數組中的元素。因為數組是有序的，因此它就會相對應有自身的序號，而這個序號就是每個元素對應的下標(也叫做索引)，數組的下標是從零開始，到數組長度減一結束 。比如說數組中第一個元素的索引為0、第二個為1、依次類推。

示例：

訪問數組 name 中索引為 0 的元素的值，并輸出這個值：

var username = ["Iven", "Eric", "Tony", "Hter", "John"];console.log("數組下標為0的字符輸出結果為：" + username[0]); // 輸出：Iven

訪問數組中的最后一個元素，并輸出這個值：

var name = ["Iven", "Eric", "Tony", "Hter", "John"];var last = name[name.length - 1];console.log(last);// 輸出：John

數組長度

數組與字符串一樣也有長度，我們可以通過 length 屬性獲取數組的長度，數組的長度是指數組中存放的元素個數。并且數組的長度始終大于數組的最高數索引。

示例：

分別定義一個字符串和數組，然后輸出這個字符串和數組的長度：

var arr1 = '新版俠課島即將推出';console.log("長度為：" + arr1.length); // 長度為：9 var arr2 = ["Iven", "Eric", "Tony", "Hter", "John"];console.log("長度為：" + arr2.length); // 長度為：5

數組取值和賦值

除了可以獲取數組的長度，我們還可以通過下標索引獲取元素的值，格式為 數組名[下標]。

示例：

例如我們定義一個數組 arr，然后獲取索引為 0、3 的位置所對應的值：

var arr = ["王語嫣", "段譽", "蕭峰", "虛竹"];console.log(arr[0]); // 王語嫣 console.log(arr[3]); // 虛竹

因為下標的范圍是 0 到數組長度減一(arr.length-1)，所以如果下標不存在，則會返回 undefined。

示例：

例如上述的數組 arr 下標最大值為 3，那么我們獲取下標為 4 的元素的值，則輸出undefined：

console.log(arr[4]); // undefined

我們還可以通過 數組名[下標] = 值 的格式給數組賦值，而如果指定下標已經有對應的值，則會把原來的值覆蓋。

示例：

例如數組 arr2 中，下標為 5 的元素為 “殷離”，此時我們使用 arr2[5] = "金毛獅王"，則會覆蓋 “殷離”的值：

var arr2 = ["周芷若", "趙敏", "張無忌", "宋青書", "滅絕師太", "殷離"];arr2[5] = "金毛獅王"; // 把 "殷離" 替代了"金毛獅王"

而如果元組中沒有指定下標元素，則會給數組新增一個元素值：

arr2[6] = "楊不悔"; // 給數組新增加了一個 "楊不悔" 的值console.log(arr2);

在瀏覽器中，執行代碼，輸出改變后的數組arr2：

遍歷數組元素

之前其實我們學習循環的時候就講過數組的遍歷，遍歷數組最常用的就是 for 循環。

示例：

首先定義一個數組，然后通過 for 循環將數組以無序列表的形式遍歷輸出：

JS_俠課島(9xkd.com)

在瀏覽器中打開：

上述代碼中，我們在 JavaScript 代碼插入了 HTML 代碼，使得數組 lst 在瀏覽器中的輸出是一個無序列表的樣式。

動手小練習

定義一個數組，分別輸出數組的長度和多個下標值。

把1-100之間所有的奇數，放到數組中。

把1-100之間能被3整數的數字，存到數組中。

求一組數中的所有數的和以及其平均數。

鏈接：https://www.9xkd.com/

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的js 取得数组下标_数组的介绍及使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。