【JS】重零學習- Day8-物件

介紹JS物件使用方法

物件簡介

Js物件的宣告很簡單

寫法A

// 宣告一個小明物件出來
var xiaoMing = {
 age: '20',
 sex: 'male',
 tel:'0912345678',
 cats:['小白','小橘']
}

我們宣告一個小明出來

給他屬性(property) 年齡、性別男、電話及他的貓咪們

賦予值(value) 給他 20,male,0912345678,陣列

寫法B

// 宣告小明空物件
var xiaoMing = {};

xiaoMing.age = 20;
xiaoMing.sex = 'male';
xiaoMing.tel = '0912345678';
xiaoMing.cats = ['小白','小橘'];

練習簡單的問題~

我要如何用程式碼去知道小明第一隻貓叫小白呢? 解答就是:

xiaoMing.cats[0]

物件的方法

接下來你會說 方法可以寫在物件裡面嗎?

當然可以

// 宣告一個小明物件出來
var xiaoMing = {
 age: '20',
 sex: 'male',
 tel:'0912345678',
 cats:['小白','小橘'],
 count:function(){
   var nums = this.cats.length;
   console.log(nums);
 },
}

// 呼叫方法
xiaoMing.count();