JS對象的創(chuàng)建和訪問方法

2024-08-14

3203

在JavaScript中，對象是一種復合數(shù)據(jù)類型，可以用來存儲多個相關屬性和方法。本文將介紹如何創(chuàng)建和訪問JavaScript對象。 1. 使用逗號分隔創(chuàng)建對象要創(chuàng)建一個JavaScript對象

在JavaScript中，對象是一種復合數(shù)據(jù)類型，可以用來存儲多個相關屬性和方法。本文將介紹如何創(chuàng)建和訪問JavaScript對象。

1. 使用逗號分隔創(chuàng)建對象

要創(chuàng)建一個JavaScript對象，可以使用花括號{}，并在其中使用逗號分隔每個屬性和對應的值。例如：


var person  {
    name: "John",
    age: 30,
    occupation: "Developer"
};

以上代碼創(chuàng)建了一個名為person的對象，該對象包含name、age和occupation三個屬性。

除了使用逗號分隔創(chuàng)建對象外，還可以先創(chuàng)建一個空對象，然后使用點語法向?qū)ο笾刑砑訉傩浴＠纾?/p> var person {}; "John"; 30; person.occupation "Developer";

以上代碼同樣創(chuàng)建了一個名為person的對象，并向其中添加了name、age和occupation三個屬性。

一旦創(chuàng)建了對象，就可以使用點語法或方括號語法來訪問對象的屬性值。例如：


console.log(); // 輸出：John
console.log(person["age"]); // 輸出：30

以上代碼分別通過點語法和方括號語法，訪問了person對象的name和age屬性的值。

如果對象中的屬性是一個函數(shù)，可以像訪問其他屬性一樣使用點語法或方括號語法來訪問。例如：


var calculator  {
    add: function(a, b) {
        return a   b;
    }
};
console.log((2, 3)); // 輸出：5

以上代碼創(chuàng)建了一個名為calculator的對象，其中add屬性是一個函數(shù)?？梢酝ㄟ^對象名加點加函數(shù)名的方式來調(diào)用該函數(shù)，并傳入?yún)?shù)。

需要注意的是，當輸出對象的函數(shù)屬性時，輸出的結果是函數(shù)的定義而不是函數(shù)執(zhí)行的結果。例如：


console.log(); // 輸出：function(a, b) { return a   b; }

以上代碼輸出的是函數(shù)add的定義，而不是函數(shù)執(zhí)行的結果。

如果希望輸出對象的函數(shù)執(zhí)行結果，可以在對象名后直接加上小括號來調(diào)用函數(shù)。例如：


console.log(()); // 輸出：undefined

以上代碼輸出的是函數(shù)add執(zhí)行的結果。需要注意的是，如果函數(shù)需要傳入?yún)?shù)，需要在小括號中指定參數(shù)的值。

總之，在JavaScript中創(chuàng)建和訪問對象是非常常見的操作，掌握這些基本知識對于編寫高效的JavaScript代碼至關重要。