# DAY19 - JavaScript 18. 字串語法以及實用技巧 - length、trim()

### 變數.length 語法 - 計算長度:

- `Variables.length`，意思是計算該變數內容的**總長度**。

**範例1**

let str = "我很帥";
console.log(str.length);
// 顯示結果: 3
// '我很帥'，該變數字串長度為:3

- Fubon Guardians 英文字共14個字元，那為何會顯示15?
因為，兩個單字之間，還有一個空白(space)空白在計算時，也會被計算到。

**範例2**

let fg = "Fubon Guardians";
console.log(fg.length);
// 顯示結果: 15
// 'Fubon Guardians'，該變數字串長度為:15

---

### trim()，自動清除字元，避免資訊傳遞錯誤的完美語法:

**範例1**

- 以註冊會員功能為例，我們需要透過使用者在前端介面輸入資料，然後再到 beckend 做比對。

由下圖顯示，可以發現:
**使用者在輸入信箱時，不小心按到了空白一次，故第一個字元會空白**
這會造成在後端判斷資料核對時，產生錯誤!


- 由下列程式碼，就可以看出倪端，因為空白字元的輸入，仍會有字元產生問題，雖然中間內容一樣，但其總長度還是不同的。

// 程式碼範例:

let myEmail = "[e-mail]";
console.log(myEmail.length);
// 長度: 19

let fakerEmail = " [e-mail]    ";
console.log(fakerEmail.length);
// 長度: 24

- 透過 `trim()`，自動刪除兩側的多餘空白字元吧!
宣告一變數為錯誤格式，`fakerEmail`

- 再來，宣告新變數 `newEmailCheck` ，來替代 `fakerEmail`
以執行，`trim()`

let fakerEmail = " [e-mail]    ";

// 新增變數，替代原有的錯誤資料格式，並且去執行trim()：

let newEmailCheck = fakerEmail.trim();

###### tags: `Re:0 前端工程師之路 - JavaScript 字串 篇章`