JavaScript 對象是擁有屬性和方法的數據。
JavaScript 對象
在 JavaScript中,幾乎所有的事物都是對象。
以下代碼爲變量 car 設置值爲 “Fiat” :
var car = "Fiat";
對象也是一個變量,但對象可以包含多個值(多個變量)。
var car = {type:"Fiat", model:500, color:"white"};
在以上實例中,3 個值 (“Fiat”, 500, “white”) 賦予變量 car。
在以上實例中,3 個變量 (type, model, color) 賦予變量 car。
JavaScript 對象是變量的容器。
對象定義
你可以使用字符來定義和創建 JavaScript 對象:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
定義 JavaScript 對象可以跨越多行,空格跟換行不是必須的:
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
對象屬性
可以說 “JavaScript 對象是變量的容器”。
但是,我們通常認爲 “JavaScript 對象是鍵值對的容器”。
鍵值對通常寫法爲 name : value (鍵與值以冒號分割)。
鍵值對在 JavaScript 對象通常稱爲 對象屬性。
JavaScript 對象是屬性變量的容器。
對象鍵值對的寫法類似於:
- PHP 中的關聯數組
- Python 中的字典
- C 語言中的哈希表
- Java 中的哈希映射
- Ruby 和 Perl 中的哈希表
訪問對象屬性
你可以通過兩種方式訪問對象屬性:
//1種
person.lastName;
//2種
person["lastName"];
對象方法
對象的方法定義了一個函數,並作爲對象的屬性存儲。
對象方法通過添加 () 調用 (作爲一個函數)。
該實例訪問了 person 對象的 fullName() 方法:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.baiud.com</title>
</head>
<body>
<p>創建和使用對象方法。</p>
<p>對象方法作爲一個函數定義存儲在對象屬性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>
運行結果:
如果你要訪問 person 對象的 fullName 屬性,它將作爲一個定義函數的字符串返回:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.baidu.com</title>
</head>
<body>
<p>創建和使用對象方法。</p>
<p>對象方法是一個函數定義,並作爲一個屬性值存儲。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName;
</script>
</body>
</html>
運行結果:
JavaScript 對象是屬性和方法的容器。
訪問對象方法
你可以使用以下語法創建對象方法:
methodName : function() { code lines }
你可以使用以下語法訪問對象方法:
objectName.methodName()
通常 fullName() 是作爲 person 對象的一個方法, fullName 是作爲一個屬性。
有多種方式可以創建,使用和修改 JavaScript 對象。
同樣也有多種方式用來創建,使用和修改屬性和方法。