JavaScript基礎複習(3)

Photo by KOBU Agency on Unsplash

什麼是物件?

物件是一個key-value的結合，好比像是這樣：

姓名：陳小華
Key :value
屬性：值

一個名稱配一個值，而之前所學過的陣列是：

let number=[1,2,3,4]

在陣列中，括弧中放入的東西，其值都需要相同的資料型別，但是物件可以放不一樣的東西。

兩者是有很大的不同。

如何建立(宣告)物件?

運用{key:value}來把資料包起來即可。例如：

let personalData={
name:"Luke",
years:23,
sex:"male",
birthday:"1998/4/23"
}

如何讀取物件?

有兩種方式：
1. dot notation
用意是要從物件中提取資料。
personalData.name
2. bracket notation
用意是要以"name"為key，提取出物件中的資料。
由於name這個key不是變數，因此要提取資料時一定要加上雙/單引號
要不，就宣告一個變數，帶進去吧。
personalData["name"]
或
let nameList="name"
personalData[nameList]
不過個人覺得有點多此一舉。
還是personalData.name比較簡潔有力。

如何更新物件裡面的值(value)?

personalData.name="Lucy"
personalData["name"]="Lucy"
==>{ name: 'Lucy', years: 23,sex: 'male', birthday: '1998/4/23' }
以上方法都可以。
如果是想追加年齡數字，可以這樣操作：
personalData.years+=1
personalData.years++
personalData["years"]=3
personalData["years"]++
==>{ name: 'Lucy', years: 24, sex: 'male', birthday: '1998/4/23' }
其實方法很多種，可以自由發揮的。

如何追加屬性內容?

講白了，就是再追加一組Key:value，要如何加入呢?

personalData.writer="Roger"
personalData["writer"]="Roger"
==>{ name: 'Lucy', years: 24, sex: 'male', birthday: '1998/4/23' ,writer: 'Roger'}

如何將多個物件整理成一個陣列?

let person1={
name:"Luke",
years:23,
sex:male}
let person2={
name:"James",
years:45,
sex:male}
let person3={
name:"Dorcas",
years:28,
sex:female}
let dataSum=[person1,person2,person3]
console.log(dataSum)
==>[{
name:"Luke",
years:23,
sex:male},{
name:"James",
years:45,
sex:male},{
name:"Dorcas",
years:28,
sex:female}]
之後，如果想從陣列中提取出"James",
那就下指令
dataSum[2].name
或
dataSum[2]["name"]都可以

以上，就是物件的基本運用。