JavaScript 對象下標（Object Index）是指訪問對象屬性時所使用的標識符。在 JavaScript 中，對象是鍵值對的集合，可以通過“.”或“[]”來訪問其中的屬性。本文將詳細解釋 JavaScript 中對象下標的概念和用法。 在 JavaScript 中，對象下標可以是字符串、數字或變量。下面舉例說明：

let person = {name: "Tom", age: 25};
console.log(person["name"]); // 輸出 "Tom"
console.log(person.age); // 輸出 25
let prop = "age";
console.log(person[prop]); // 輸出 25

在上面的例子中，我們創建了一個 person 對象，并給它添加了 name 和 age 屬性。我們可以使用“[]”或“.”來訪問這些屬性，對于字符串類型的屬性名，我們必須使用“[]”，而數字和變量可以使用“[]”或“.”。 另外，下標還可以用來修改屬性的值，例如：

person["name"] = "Jerry";
console.log(person["name"]); // 輸出 "Jerry"
person.age = 30;
console.log(person.age); // 輸出 30

在上面的例子中，我們通過下標修改了對象的屬性值。要注意的是，使用“[]”修改屬性值時，屬性名必須用引號括起來。 JavaScript 對象下標除了可以訪問屬性之外，還可以用來動態生成屬性，例如：

let person = {};
person["name"] = "Tom";
person["age"] = 25;
console.log(person); // 輸出 {name: "Tom", age: 25}

在上面的例子中，我們先創建了一個空對象 person，然后使用“[]”給它添加了 name 和 age 屬性。這種方式可以動態生成對象的屬性，并且屬性名可以是任何合法的字符串。 在 JavaScript 中，對象下標還有一種特殊用法，即用來訪問數組元素。例如：

let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]); // 輸出 "apple"
console.log(fruits[1]); // 輸出 "banana"
console.log(fruits[2]); // 輸出 "orange"

在上面的例子中，我們創建了一個數組 fruits，并使用“[]”來訪問數組元素。數組元素的下標從 0 開始，因此 fruits[0] 返回的是數組的第一個元素，fruits[1] 返回的是數組的第二個元素，以此類推。 除了上面介紹的用法，JavaScript 對象下標還可以用來刪除對象的屬性，例如：

let person = {name: "Tom", age: 25};
delete person["name"];
console.log(person); // 輸出 {age: 25}

在上面的例子中，我們使用“delete”關鍵字和“[]”來刪除 person 對象中的 name 屬性。要注意的是，使用“delete”刪除屬性時，屬性名必須用引號括起來。 綜上所述，JavaScript 對象下標是一種非常重要的概念，它可以用來訪問、修改、動態生成和刪除對象的屬性，還可以用來訪問數組元素。掌握了對象下標的用法，便能更好地處理 JavaScript 中的對象和數組。