JavaScript 物件

十一月 10, 2019

物件及屬性

所有基本型別 (Primitives) 以外的值都是物件。

一個物件可以是個零至多種屬性的集合，而屬性是鍵 (key) 與值 (value) 之間的關聯。一個屬性的「值」可以是某個基本型別，也可以是另一個物件，甚至可以是一個函數。

可以透過 new 關鍵字來建立一個物件實體，再替這個物件新增屬性與方法：

例如，我們可以定義一個物件為 myCar ，並賦予三個屬性， make 、 model 和 year 。

var myCar = new Object();
myCar.make = 'Ford';
myCar.model = 'Mustang';
myCar.year = 1969;

或是使用大括號 { } 來建立一個物件，並且在建立物件的同時直接指定屬性至該物件內。

這種建立物件的方式稱為「物件實字 (Object literal)」。

var myCar = {
  make : 'Ford',
  model : 'Mustang',
  year : 1969
};

物件的屬性可以透過 . 來進行存取：

1
2
3

myCar.make;
myCar.model;
myCar.year;

或是可以透過 [ ] 來進行存取：

1
2
3

myCar['make'];
myCar['model'];
myCar['year'];

存取物件沒有的屬性會顯示 undefined 。

1	myCar.color; // undefined

新增與更新屬性的語法是一樣的，只需對屬性進行指派值的動作。

1
2
3

myCar["year"]=1995;
myCar["color"]="yellow";
myCar.tire="EDITION";

透過 delete 關鍵字來刪除，刪除後的屬性會變成 undefined：

myCar.color="red";
myCar.color;  //red
delete myCar.color;
myCar.color;  //undefined