在JavaScript中，獲取一個對象的屬性是非常關鍵的操作之一。無論是獲取對象屬性的值，還是修改對象屬性的值，都需要首先獲取該屬性。在本文中，我們將介紹如何使用JavaScript獲取對象屬性，并通過多個實例加深對此概念的理解。
首先，讓我們來看一下如何獲取對象的屬性值。通過對象名.屬性名的方式，我們可以獲取對象中指定屬性的值。例如，有如下一個對象：

let person = {
name: 'Jack',
age: 23,
gender: 'male'
};

我們可以使用以下方式獲取person對象中的屬性值：

console.log(person.name); // Jack
console.log(person.age); // 23
console.log(person.gender); // male

上述示例中，我們通過對象名加上屬性名，即person.name，得到了name屬性的值。同理，我們也可以獲取其他屬性的值。
除此之外，我們還可以使用對象的[]語法來獲取屬性值。這種語法的優點是可以動態地選擇屬性名，方便我們根據實際情況靈活獲取屬性值。例如：

let propertyName = 'age';
console.log(person[propertyName]); // 23

上述代碼中，我們在定義一個變量propertyName，并將其賦值為age。然后，我們使用對象的[]語法，傳入變量propertyName作為參數，即可獲取age屬性的值。
在JavaScript中，獲取對象屬性值不僅僅局限于普通對象。我們同樣可以獲取DOM元素的屬性值。例如，假設我們有以下HTML代碼：

<div id="myDiv" class="container" data-type="test"></div>

我們可以使用以下代碼獲取myDiv元素的屬性值：

let myDiv = document.querySelector('#myDiv');
console.log(myDiv.id); // myDiv
console.log(myDiv.className); // container
console.log(myDiv.dataset.type); // test

在上面的代碼中，我們使用了document.querySelector()方法獲取了myDiv元素。然后，我們通過點語法和dataset屬性，獲取了該元素的id、class和data-type屬性的值。
除了上述示例，我們還可以使用多種方式獲取屬性值。我們可以使用多個級聯點符號獲取屬性值，也可以使用Object.keys()方法獲取對象的所有屬性名，再逐一獲取其值等等。總之，在JavaScript中，獲取對象屬性值非常靈活，我們可以根據實際情況使用不同的方法。
接下來，讓我們看一下如何修改對象的屬性值。與獲取屬性值類似，我們同樣可以使用點語法或[]語法來修改屬性值。例如，以下代碼演示了如何修改對象屬性：

let person = {
name: 'Jack',
age: 23,
gender: 'male'
};
<br>
person.name = 'Tom'; // 直接使用點語法修改屬性值
person['age'] = 24; // 使用[]語法修改屬性值
<br>
console.log(person); // {name: 'Tom', age: 24, gender: 'male'}

可以看到，我們只需要在對象名后面加上.或[]，然后再加上要修改的屬性名即可。修改成功后，我們可以通過console.log()輸出整個對象，驗證修改是否成功。
不過要注意的是，如果要修改的屬性不存在，直接通過點語法或[]語法來修改是無法成功的，不會報錯但也不會生效。此時，可以通過for..in循環或Object.keys()方法來判斷對象中是否存在該屬性，如果不存在則添加，存在則修改；如果是一個新屬性，也可以使用.=運算符來添加屬性。
在JavaScript中，獲取對象屬性是一個重要的操作。除了上述介紹的點語法和[]語法，我們還可以使用多種方式來獲取對象屬性，例如Object.keys()、for..in循環等等。最后，無論是獲取屬性還是修改屬性，都需要我們對這些語法有深刻的理解，在實際開發中靈活運用。