陣列與物件混淆?JavaScript 括弧記法區別解析
更新日期: 2024 年 9 月 14 日
在 JavaScript 中,陣列(Array)和物件(Object)是兩種不同的資料結構,但它們的括弧記法(Bracket Notation)看起來很相似,可能會造成混淆。
本文將深入探討 JavaScript 的括弧記法,並藉由範例說明如何在陣列和物件中,正確地使用括弧記法。
語法結構
在 JavaScript 中,陣列是由數字索引,通常用來儲存有序的元素列表。陣列的索引始終是數字,並且是從 0 開始的。
相對地,物件是由字串或符號索引的,用來儲存鍵值對(key-value pairs)。物件的屬性名可以是任何字串或符號。
括弧記法
「括弧記法」是 JavaScript 中,訪問陣列元素和物件屬性的一種方法。
在陣列中,當你使用括弧記法訪問元素時,你會在括弧中放置一個數字索引,例如 myArray[0] 來訪問陣列的第一個元素。
在物件中,當你使用括弧記法訪問物件屬性時,你會在括弧中放置一個字串或符號作為屬性名,例如 myObject[‘name’] 或 myObject[name](其中 name 是一個變量)
範例
以下的範例,說明了如何在 JavaScript 中使用括弧記法,分別取得陣列元素和物件的值。
// 陣列範例:
let fruits = ['蘋果', '香蕉', '草莓'];
console.log(fruits[0]); // 顯示:蘋果
// 物件範例:
let person = { 姓名: '王小名', 年齡: 30 };
console.log(person['姓名']); // 顯示:王小名
結論
藉由以上的說明和範例,應該可以幫助你了解,如何在陣列和物件中,正確使用 JavaScript 的括弧記法。
記住,括弧記法是 JavaScript 中陣列和物件的核心特性之一,掌握它對於成為一名優秀的 JavaScript 開發人員至關重要。