---
# System prepended metadata

title: 設計魔劍三組
tags: [JavaScript 實戰班, ' Day6']

---

---
tags: JavaScript 實戰班, Day6
---


# 設計魔劍三組

## Day6 任務 (6/15)
任務：

- 尋找 MDN 或任何框架中**可插入表達式的片段**（關鍵字：expression）
- 將 `sayYouLoveMe()` 的函式呼叫置入於該片段中，並簡短描述運作概念
- 提交**文件連結及程式碼片段**（或者使用 Codepen 提交），並與同組成員分享
https://hackmd.io/@hexschool/HJDbvkFqU/%2FrUVZVuWqRyCvxNRiry2EOg#615%EF%BC%9ADay-6
---

### Ryan.

- [三元運算子](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Expressions_and_Operators#%E6%A2%9D%E4%BB%B6(%E4%B8%89%E5%85%83)%E9%81%8B%E7%AE%97%E5%AD%90)

```javascript
function sayYouLoveMe() {
  return true;
}

console.log(sayYouLoveMe() == true ? '我超級愛你！':'我超級不愛你！');

// 這個運算子接受兩個運算元作為值且一個運算元作為條件。 語法是:
// 條件 ? 值1 : 值2
// 如果 條件 為 true，運算子回傳 值1， 否則回傳 值2。 
```
> 助教回覆：作業沒問題~
> 

### ClareDes.

- [switch 判斷式](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/switch)

```javascript
function sayYouLoveMe() {
  return true;
}

switch(sayYouLoveMe()) {
  case false:
    console.log('你不愛我');
    break;
  case true:
    console.log('說你愛我');
    break;
  default:
    console.log('洗洗睡吧');
    break;
} 

//sayYouLoveMe函式回傳true值，
//帶入switch，開始執行switch判斷，
//當sayYouLoveMe回傳為true時，執行'說你愛我'，
//再跳出switch。

```

> 助教回覆：作業沒問題~

### Karen

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

```javascript
function sayYouLoveMe() {
  return true;
}

switch (sayYouLoveMe()) {
  case true:
    console.log('愛你');
    break;
  case false:
    console.log('你真是個好人')
    break;
  default:
    console.log('無聲卡')
}
// 將表達式的值與case值進行對比
// 若存在則執行匹配代碼

```

> 助教回覆：作業沒問題~

### Jerry

if 判斷式：[https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/if...else#語法](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/if...else#%E8%AA%9E%E6%B3%95)

```javascript
//有天，小明這麼對阿姨說↓
function sayYouLoveMe() {
  return true;
}

const theAuntieThink = [{
  think: true,
  string: '小鮮肉',
},{
  think: false,
  string: '可是我',
},{
  think: false,
  string: '已經',
},{
  think: true,
  string: '我',
},{
  think: false,
  string: '50歲了',
},{
  think: true,
  string: '也',
},{
  think: true,
  string: '愛你',
}]

let theAnswer = '';

theAuntieThink.forEach(function(thinkItem){
  if(thinkItem.think == sayYouLoveMe()){
    theAnswer += thinkItem.string;
  }
});

console.log(theAnswer); //小鮮肉我也愛你

//遍歷theAuntieThink
//用if判斷式找出thinkItem與sayYouLoveMe()相同的項目
//最後印出theAnswer
//如果阿姨所想與小明的sayYouLoveMe同樣為true，則結果為"小鮮肉我也愛你"
//如果為false...........(請肉眼forEach找答案XD)

```

> 助教回覆：作業沒問題~
> 怕.jpg

---

### Yoyo

```javascript=
var answer = confirm('你喜歡我嗎？’);

function sayYouLoveMe() {
  return true;
}

<Wedding v-if=“sayYouLoveMe() == answer"> 

// 小明用 confirm 詢問阿姨是否喜歡自己
// 如果阿姨回答是，與 sayYouLoveMe 相同結果，出現婚禮
// 反之沒有
```

> 助教回覆：
> 

---

### Vivian Chiang
- [switch 判斷式](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/switch)
```javascript=
function sayYouLoveMe() {
  return true;
}

switch(sayYouLoveMe()) {
  
  case true:
    console.log('可以考慮一下');
    break;
  case false:
    console.log('我們不適合');
    break;
  default:
    console.log('你誰');
    break;
}

// sayYouLoveMe() 回傳 true
// 使用 switch 判斷其符合 case 條件，並 console 出預設的回應
```

> 助教回覆：
> 
