JavaScript 核心觀念(33)-物件-章節總結測驗

前言

接下來來做一個章節總結。

章節測驗

1
2
3
4
5
6
7
8
9
10
11
12
13
var person = {
name: 'Ray',
age: 18,
1: '2',
gender: 'male',
'interests': ['1', 2, '3'],
greeting: function() {
console.log('Hello');
},
'Hello': function() {
console.log('test');
}
}

上面整體結構來講,其實是可以正常運作的,因此重點在於如何取值,首先取值的重點觀念在於物件的屬性都是一個字串,因此任何一個取值方式都可以透過中括號與點運算子的方式取值,除了比較特別的屬性必須使用中括號之外

1
2
person['Hello']();
person['interests'];

基本上使用中括號的要訣在於,只要是字串與小數點的話,那麼就必須使用中括號囉。

除此之外,中括號的方式還可以使用變數傳入的方式來呼叫

1
2
var item = 'interests';
person[item];

因此在進階一點的作法就是搭配迴圈一次呼叫

1
2
3
4
var arr = ['name', 'age', '1', 'gender', 'interests', 'greeting', 'Hello'];
for (var i = 0 ; i < arr.length; i++) {
console.log(person[arr[i]]);
}

最後課程還有列出一段比較複雜的物件複製問題,因此這邊就直接在此做一個中段結尾囉。

參考文獻

Liker 讚賞 (拍手)

如果這一篇筆記文章對你有幫助,希望可以求點牡蠣 鼓勵 (ノД`)・゜・。

Liker 是一個按讚(拍手)的讚賞機制,每一篇文章最多可以按五下拍手,過程你只需要登入,如果你願意按個讚,對於創作者來講是一個莫大的鼓勵與支持。

Google AD

創作者往往是無償的付出很辛苦,如果可以的話,希望關閉 Adblock (廣告阻擋器),來支持我一下QAQ