在JavaScript對(duì)象的屬性是無序的集合。每個(gè)鍵值對(duì)稱為一個(gè)屬性。對(duì)象屬性的鍵可以是字符串。屬性的值可以是任何值，例如字符串、數(shù)字、數(shù)組，甚至是函數(shù)。

JavaScript為您提供多種創(chuàng)建對(duì)象的方法。最常用的一種是使用對(duì)象字面量創(chuàng)建對(duì)象。

代碼let empty = {};使用對(duì)象字面量創(chuàng)建一個(gè)空對(duì)象。要?jiǎng)?chuàng)建具有屬性的對(duì)象，請(qǐng)?jiān)诖罄ㄌ?hào)添加鍵值對(duì)作為屬性。

代碼let person = { firstName: 'John', lastName: 'Doe'};創(chuàng)建person對(duì)象。person對(duì)象有兩個(gè)屬性firstName和lastName對(duì)應(yīng)的值是'John'和'Doe'。

訪問對(duì)象屬性

要訪問對(duì)象的屬性，可以有兩種訪問方式，第一種是點(diǎn)表示法和數(shù)組的索引表示法。

代碼objectName.propertyName使用點(diǎn)符號(hào)來訪問對(duì)象的屬性，例如代碼person.firstName訪問person對(duì)象的firstName屬性。

代碼objectName['propertyName']通過數(shù)組的表示法訪問對(duì)象屬性的值。當(dāng)屬性名稱包含空格時(shí)，您需要將其放在單引號(hào)或者雙引號(hào)內(nèi)。

例如要訪問address對(duì)象的'building no'屬性，您需要使用數(shù)組的表示法，例如代碼console.info(address['building no']);。

let person = {
    firstName: 'John',
    lastName: 'Doe'
};
console.log(person.firstName);

let address = {
    'building no': 3960,
    street: 'North 1st street',
    state: 'CA',
    country: 'USA'
};
console.info(address['building no']);

如果你以點(diǎn)表示法訪問帶有空格的對(duì)象屬性，例如代碼address.'building no';。你將會(huì)得到錯(cuò)誤消息SyntaxError: Unexpected string。

通常不建議在對(duì)象的屬性名稱使用空格。如果訪問對(duì)象不存在的屬性將會(huì)返回undefined。例如代碼console.log(address.district);。

修改屬性的值

要更改屬性的值，您可以使用賦值運(yùn)算符=。在以下示例中，我們將person對(duì)象的firstName屬性值更改為'Jane'。

let person = {
    firstName: 'John',
    lastName: 'Doe'
};

person.firstName = 'Jane';

console.log(person);

添加對(duì)象屬性

與Java和C#等其他編程語言中的對(duì)象不同，您還可以在創(chuàng)建對(duì)象后向?qū)ο筇砑訉傩浴４aperson.age = 25;將age屬性添加到person對(duì)象并設(shè)置屬性值是25。

person.age = 25;

刪除對(duì)象屬性

要?jiǎng)h除對(duì)象的屬性，您可以使用運(yùn)算符delete。代碼語法是delete objectName.propertyName;。

例如代碼delete person.age;從person對(duì)象中刪除屬性age。如果您嘗試重新訪問 age屬性，您將獲得undefined值。

delete person.age;

檢查對(duì)象屬性是否存在

要檢查對(duì)象中是否存在屬性，可以使用運(yùn)算符in。代碼語法是propertyName in objectName。如果對(duì)象中存在屬性，in運(yùn)算符返回true，否則返回false。

以下示例創(chuàng)建employee對(duì)象并使用運(yùn)算符in檢查對(duì)象中是否存在ssn和employeeId屬性。

let employee = {
    firstName: 'Peter',
    lastName: 'Doe',
    employeeId: 1
};

console.log('ssn' in employee);
console.log('employeeId' in employee);

結(jié)論

對(duì)象是鍵值對(duì)的集合。可以使用點(diǎn)符號(hào) .或數(shù)組的符號(hào)[]訪問對(duì)象的屬性。delete運(yùn)算符可以在對(duì)象刪除屬性。in運(yùn)算符可以檢查對(duì)象否存在指定屬性。