JavaScript 對象
JavaScript 對象是擁有屬性和方法的數(shù)據(jù)。
真實生活中的對象，屬性和方法
真實生活中，一輛汽車是一個對象。
對象有它的屬性，如重量和顏色等，方法有啟動停止等:
所有汽車都擁有這些方法，但是它們被執(zhí)行的時間都不盡相同。所有汽車都有這些屬性，但是每款車的屬性都不盡相同。
JavaScript ?對象
在 JavaScript中，幾乎所有的事物都是對象。
在 JavaScript 中，對象是非常重要的，當你理解了對象，就可以了解 JavaScript 。 ? ?
你已經(jīng)學(xué)習了 JavaScript 變量的賦值。
以下代碼為變量?car?設(shè)置值為 "Fiat" :
var?car =?"Fiat";
對象也是一個變量，但對象可以包含多個值（多個變量）。
var?car = {type:"Fiat", model:500, color:"white"};
在以上實例中，3 個值 ("Fiat", 500, "white") 賦予變量 car。
在以上實例中，3 個變量 (type, model, color) 賦予變量 car。
提示：JavaScript 對象是變量的容器。 ? ?
對象定義
你可以使用字符來定義和創(chuàng)建 JavaScript 對象:
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)（php.cn)</title>
</head>
<body>
<p>創(chuàng)建 JavaScript 對象。</p>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
document.getElementById("demo").innerHTML =
person.firstName + " 現(xiàn)在 " + person.age + " 歲.";
</script>
</body>
</html>運行程序嘗試一下
定義 JavaScript 對象可以跨越多行，空格跟換行不是必須的：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)（php.cn)</title>
</head>
<body>
<p>創(chuàng)建 JavaScript 對象。</p>
<p id="demo"></p>
<script>
var person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
document.getElementById("demo").innerHTML =
person.firstName + " 現(xiàn)在 " + person.age + " 歲。";
</script>
</body>
</html>運行程序嘗試一下
對象屬性
可以說 "JavaScript 對象是變量的容器"。
但是，我們通常認為 "JavaScript 對象是鍵值對的容器"。
鍵值對通常寫法為?name : value?(鍵與值以冒號分割)。
鍵值對在 JavaScript 對象通常稱為?對象屬性。
提示：JavaScript 對象是屬性變量的容器。 ? ?
對象鍵值對的寫法類似于：
PHP 中的關(guān)聯(lián)數(shù)組
Python 中的字典
C 語言中的哈希表
Java 中的哈希映射
Ruby 和 Perl 中的哈希表
訪問對象屬性
你可以通過兩種方式訪問對象屬性:
方法一
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)（php.cn)</title>
</head>
<body>
<p>
有兩種方式可以訪問對象屬性：
</p>
<p>
你可以使用 .property 或 ["property"].
</p>
<p id="demo"></p>
<script>
var person = {
firstName : "John",
lastName : "Doe",
id : 5566
};
document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;
</script>
</body>
</html>運行程序嘗試一下
方法二
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> PHP中文網(wǎng)</title>
</head>
<body>
<p>
有兩種方式可以訪問對象屬性:
</p>
<p>
你可以使用 .property 或 ["property"]。
</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566
};
document.getElementById("demo").innerHTML =
person["firstName"] + " " + person["lastName"];
</script>
</body>
</html>運行程序嘗試一下
訪問對象方法
你可以使用以下語法創(chuàng)建對象方法：
methodName : function() { code lines }
你可以使用以下語法訪問對象方法：
objectName.methodName()
通常 fullName() 是作為 person 對象的一個方法， fullName 是作為一個屬性。
有多種方式可以創(chuàng)建，使用和修改 JavaScript 對象。
同樣也有多種方式用來創(chuàng)建，使用和修改屬性和方法。
