[快速入门前端 50] JavaScript：Array 阵列 (1) 阵列宣告和取值

Array 阵列

在前面介绍变数型态时我们有提到阵列，阵列是一个有顺序性的序列，可以储存多个值，格式为 [值1, 值2, 值3]，每个值照顺序都会有对应的索引，索引从 0 开始，宣告后若要取值需要透过索引，下面有让我们来介绍阵列的使用方法吧。

宣告阵列

// 宣告一个空的阵列// 方法一：直接创建一个空阵列 (常见)let array = [];// 方法二：利用建构式创建一个新阵列let array = new Array();// 方法三：宣告 + 赋值，直接创建一个有值的阵列let array = [1, 2, 4];

取得阵列中某个值

现在我们有一个已经宣告完成的阵列，若要将阵列的某个值取出来使用的话语法为 阵列名称[索引值]，阵列的索引值从第一项由 0 开始，对应如下：

所以在一个阵列中，当我们想取出某值时需要先知道他的索引值：

let array = ["a", "b", "c", "d"];console.log(array[0]); // "a"console.log(array[1]); // "b"console.log(array[2]); // "c"console.log(array[3]); // "d"

Array.length 取得阵列长度

在 JavaScript 中我们可以由 Array.length 取得阵列的长度。而依照逻辑，阵列中最后一项的索引值为 阵列长度 - 1，所以我们可以藉由 array[array.length - 1] 取得阵列中最后一项的值。

let array = ["a", "b", "c", "d"];console.log(array.length); // 阵列长度console.log(array[0]); // 取得阵列第一项的值console.log(array[array.length - 1]); // 取得阵列最后一项的值

除此之外，将 Array.length 设为 0 还可以直接清空整个阵列：

let array = ["a", "b", "c", "d"];console.log(array); // ['a', 'b', 'c', 'd']array.length = 0;console.log(array); // [] (变为空阵列)

取得阵列中所有值

现在我们知道如何取得阵列中某个值，也知道阵列长度为何，要取出阵列中所有值的话需要对每个索引值下 Array[index] 直到最后一项，也就是说我们需要使用迴圈把整个阵列跑一遍。

let array = ["a", "b", "c", "d"];// 用 for 迴圈取出所有值// 阵列索引值起始为 0，所以将变数 i 初始值设为 0// 阵列最后一项索引值为 array.length - 1，所以将结束条件设为 < array.lengthfor (let i = 0; i < array.length; i++) {     console.log(array[i]); // array[索引值]};// 输出值分别为 "a"、"b"、"c"、"d"

Array.isArray 判断是否为阵列

在 JavaScript 中我们可以使用 Array.isArray(变数) 来判断某变数是否为阵列型态。
範例：

console.log(Array.isArray(1)); // falseconsole.log(Array.isArray([])); // trueconsole.log(Array.isArray([1])); // truelet number = [1, 2, 3];console.log(Array.isArray(number)); // true

阵列型态转换

与基本型态变数一样，阵列也可以转换为字串

let item = ["a", "b", "c", "d"];console.log(item.toString()); // 'a,b,c,d' (将中括号内的所有值以逗号连接转为字串型态)

let item = ["a", "b", "c", "d"];console.log(String(item)); // 'a,b,c,d'

上一篇：[快速入门前端 49] JavaScript：迴圈 (4) break 和 continue
下一篇：[快速入门前端 51] JavaScript：Array 阵列 (2) 阵列值的新增、删除、修改
系列文章列表：[快速入门前端] 系列文章索引列表