是 Ray 不是 Array

整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ

Advertisement
2020-11-13 JavaScript

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

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

參考文獻

整理這些技術筆記真的很花時間,如果你願意 關閉 Adblock 支持我,我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你!ヽ(・∀・)ノ

Advertisement

你的支持會直接轉換成更多技術筆記

如果我的筆記讓你少踩一個坑、節省 Debug 的時間,
也許你可以請我喝杯咖啡,讓我繼續當個不是 Array 的 Ray ☕

buymeacoffee | line | portaly

Terminal

分享這篇文章

留言

© 2025 Ray. All rights reserved.

Powered by Ray Theme