陣列與物件混淆？JavaScript 括弧記法區別解析
更新日期： 2023 年 10 月 31 日
在 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 開發人員至關重要。