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]]);
}

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

參考文獻