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

前言

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

章節測驗

var person = {
  name: 'Ray',
  age: 18,
  1: '2',
  gender: 'male',
  'interests': ['1', 2, '3'],
  greeting: function() {
    console.log('Hello');
  },
  'Hello': function() {
    console.log('test');
  }
}

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

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

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

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

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

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

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

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

參考文獻

• JavaScript 核心篇