🏅 4/27 (二) 每日任務 Day 2

# 🏅 4/27 (二) 每日任務 Day 2 ###### tags: `Vue 直播班 - 2021 夏季班` > 1. 物件中分為「屬性」及「值」。 > 2. 屬性為物件中的欄位名稱，而值是該屬性所代表的值。 > 3. 「屬性名稱」在運作上都是以「字串」的形式儲存，所以命名上可以使用特殊符號在物件內新增、修改、取得屬性時最常使用的方式是「點記法」: ### 點記法 (Dot notation) ```js= let obj = { a: 'value A' }; obj.$b = 'value B'; // 在物件 obj 新增一個帶有特殊符號的屬性 $b，值為 'value B'。 obj.a = 'value edit'; // 將物件 obj 屬性 a 的值修改為 'value edit'。 console.log(obj.a); // 取得物件 obj 屬性 a 的值 console.log(obj.$b); // 取得物件 obj 屬性 &b 的值 ``` 不過點記號在存取時會有一些限制。舉例來說，**當屬性名稱帶有數值、小數點、空格時，就無法正確運作**。這時就會改用「括弧記法」: ### 括弧記法 (Bracket notation) ```js= let obj = { a: 'value A' }; obj['-- data'] = '雨量資料'; obj['PM2.5'] = 25; obj['1b'] = '1b'; console.log(obj['-- data']) // 結果為 '雨量資料' console.log(obj['PM2.5']) // 結果為 25 console.log(obj['1b']) // 結果為 '1b' // 也可以代入變數 let a = 'a'; console.log(obj[a]); // 結果為 'value A' ``` 題目(請使用 CodePen 作答) --- ```js= let c = ' 這是中文字'; let arr = { a: 'a', 1: 'b', ' 這是中文字': 'c', 'b': 'd', '--some data': 'e' } console.log(); // 請取得結果為 'b' 的值 console.log(); // 請取得結果為 'c' 的值，必須使用變數 console.log(); // 請取得結果為 'd' 的值，必須使用點記號 console.log(); // 請取得結果為 'e' 的值 ``` 回報流程 --- 請同學依照下圖教學觀看解答、回報答案: ![](https://i.imgur.com/QtL8zEW.png) 回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」) ![](https://i.imgur.com/L7kyew8.png)  回報區 ---