# 物件 - Object 寫法教學 - 為什麼需要物件去搭配陣列? ``` // 假設下列有好幾個陣列內容: ex: 農夫、兩隻小狗、3棵蘋果樹 var farmer = 'Wilson'; var dog = ['小黑','小白']; var appleTree = [3,10,12]; ``` - 但我們有時候可能不只一個農場,可能有好幾個 而裏頭的內容可能也會是:某某農場的 狗狗或是其中一棵樹 這時候我們就需要用物件來包住這些陣列 data ### 物件寫法: ``` // 宣告 farm 為 object 物件 var farm = { }; console.log(typeof(farm)); // object ``` ### 新增一個屬性給它,並撈取名字: - **寫法注意事項**: 雖然物件寫法類似 CSS,但要注意{}內的值後面不是帶 **;** 而是 **,** 以讓物件可以繼續寫下去。 ``` // 物件 object 教學: var farm = { // 類似 CSS 一樣的寫法 , 裡面有屬性(name)、值(value) farmer: '陳有財', }; console.log('這位農夫的名子是:' + farm.farmer); // 這位農夫的名子是:陳有財 ``` ### 物件內新增屬性,或更新數據: - 要在物件新增內容的方法如下: farm (物件變數),後面帶 . 的方式來命名新增屬性且賦予數值給它 ``` // 農夫養育了小雞 farm.chick = 29; console.log('幾個月後,農場增加了:' + farm.chick + '個小雞'); //幾個月後,農場增加了:29個小雞 ``` ### 物件內新增陣列屬性: ``` // 新增一隻狗狗的陣列資料,該如何寫: farm.dog = ['小黑', '小白']; console.log(farm); // 撈取第二隻狗狗的名稱? console.log('農場裡第二隻的狗狗叫做:' + farm.dog[1] + '非常活潑!'); // 農場裡第二隻的狗狗叫做:小白非常活潑! ``` ###### tags: `JavaScript - 學徒篇`