close

生活作息爆炸 冒痘痘喇

昨天老爸頭七 第一次參加天主教的彌撒

神父給人的感覺很平和很穩重 

不過我還是不太習慣要和人打交道的地方 
總是會回想自己的舉動跟別人的看法然後消沉

不想ㄌ 早起學程式

 

 

再來介紹一下物件 

javascript的物件比較陽春 沒有什麼繼承 多型

 

之前學到的陣列長這樣

 

物件和陣列很像

用大括號{}來宣告一個空物件  也可以直接定義物件內容

例如我這邊宣告一個people物件

他有兩個屬性 name 跟 year

他的name屬性的值是字串'mark'

要定義屬性名稱 可以用途上兩種方法

name:

'name':

要不要用單或雙引號刮起來都可以 差別等下會說

 

如果要取得這個people物件裡面的屬性

可以用上面這兩種方法

用.name 或是用像是陣列索引的方法都可以

屬性名稱又稱作key

一個鍵(key)對應一個值(value)

name   years就是key

他裡面的值'mark'   19就是value

 

如果我有一個key 它的名稱如果有特殊符號 例如

email-address: 'abc@gmail.com'

那使用 people.email-address來取得值就會出錯

這時候使用people['email-address']就不會出錯

 

物件裡面的值和陣列一樣可以是任何資料型態

物件裡面可以有陣列

陣列裡面也可以有物件

物件裡面也可以有物件 隨便組合看需求

 

接下來做一個題目

一個輸入框 一個按鈕

我輸入Jhon 30 按按鈕 就分析這個字串

新增一個people物件 裡面含有兩個key

name跟years 把上面的字串裡面的值放進對應的key 最後清空輸入框

然後用console.log()輸出物件到F12 console裡面

再來還可以繼續輸入下一個人 Lily 20

一樣會新增一個people物件

也就是說這個people物件 要用到陣列來裝

另外要注意 物件裡面的每個key value 跟陣列一樣 用逗號 , 分開

然後最後一個key.value後面就不用逗號了

console.log()什麼都可以輸出 也可以將整個物件輸出 或是整個陣列輸出

----------------------------------------------------------------------------------

延伸題

寫一個function 把上面那題取到的字串 改成傳到這個function裡面處理

這個function回傳一個處理後的物件

裡面一樣是name 跟 years 一樣把物件存到陣列裡面 最後要把這個陣列排序

根據裡面每個人的years 由小到大然後再用console.log輸出排序好的陣列

------------------------------------------------------------------------------------7/12

初步解答

阿桃:

改做成可以一直新增people

然後讓console輸出整個陣列

會長這樣  ↓陣列內有多個物件

 

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Catvorize 的頭像
    Catvorize

    平實的每日

    Catvorize 發表在 痞客邦 留言(0) 人氣()