JavaScript:Array 阵列 (1) 阵列宣告和取值

Array 阵列

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

宣告阵列

// 宣告一個空的陣列
// 方法一:直接創建一個空陣列 (常見)
let array = [];

// 方法二:利用建構式創建一個新陣列
let array = new Array();

// 方法三:宣告 + 賦值,直接創建一個有值的陣列
let array = [1, 2, 4];

取得阵列中某个值

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

https://ithelp.ithome.com.tw/upload/images/20230720/201585099wi6bytNQ4.jpg

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

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 取得阵列的长度。 而依照逻辑,阵列中最后一项的索引值为 ,所以我们可以借由 取得阵列中最后一项的值。陣列長度 - 1array[array.length - 1]

let array = ["a", "b", "c", "d"];
console.log(array.length); // 陣列長度
console.log(array[0]); // 取得陣列第一項的值
console.log(array[array.length - 1]); // 取得陣列最後一項的值

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

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.length
for (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)); // false
console.log(Array.isArray([])); // true
console.log(Array.isArray([1])); // true
let number = [1, 2, 3];
console.log(Array.isArray(number)); // true

阵列型态转换

与基本型态变量一样,阵列也可以转换为字符串

  • toString()let item = ["a", "b", "c", "d"]; console.log(item.toString()); // 'a,b,c,d' (將中括號內的所有值以逗號連接轉為字串型態)
  • String()let item = ["a", "b", "c", "d"]; console.log(String(item)); // 'a,b,c,d'
(0)
游研哥游研哥

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注