嗨嗨！我是Winnie溫尼～

前言

上一篇我們學到了基本型別，其中字串會使用單引號('')或是雙引號("")包覆值的內容，但不可單雙引號混用。那今天的內容我們就要進入到字串簡單的應用囉～！

宣告字串

let 變數名稱 = "字串"

字串連接

舉例來說，我想使用變數說明「我是Winnie，今天是鐵人賽的第5天。」

let myName = "Winnie"
let raceName = "鐵人賽"
let raceDays= 5
let content = myName + raceName + raceDays 
console.log(content) //Winnie鐵人賽5

那想要連接上方變數成為一個句子的話你可以使用加號作為連接。

console.log("我是" + myName + "，今天是" + raceName + "的第" + raceDays + "天。")
//我是Winnie，今天是鐵人賽的第5天。

進階應用可以使用樣板字面值(Template literals)，整段文字以``包覆，變數以${}包覆。

console.log(`我是 ${myName}，今天是 ${raceName}的第 ${raceDays} 天。`)
//一樣也會得到 我是Winnie，今天是鐵人賽的第5天。

字串處理方法

• 計算字元數(包含空格)：變數名稱.length

console.log(myName.length)
//6，Winnie字元數有6個

但如果字串前後有空格的話也會被計算入字元數，舉例來說：

let dadName = "  Tom  "
console.log(dadName.lenght)
//7，前後各2個空格，共4個空格加上Tom字元數為3個，所以總共字元數有7個

• 濾掉前後空格：trim()
  常應用於帳號密碼的輸入欄位`，避免使用者輸入時誤觸空白鍵。

dadName = dadName.trim()
console.log(dadName)
//Tom,去除掉前後的4個空格
console.log(dadName.length)

字串與數字轉型

• 字串轉型為數字：parseInt(變數名稱)
  常用於將<input>中的數字轉型，因為<input>中文字內容皆為字串。

let a = "1"
console.log(a,typeof a) //"1",string
a = parseInt(a)
console.log(a,typeof a) //1,number
console.log(a+1) //2

• 數字轉型為字串：toString()
  常用於將區碼+電話號碼。

let b = 1
console.log(b,typeof b) //1,number
b = toString()
console.log(b,typeof b) //"1",string
console.log(b+1) //11

參考資料

處理文字 - JavaScript中的字串
樣板字面值

新手上路，如文章有錯誤或需修正之處，懇請大家多多指教！
那麼，我們明天見囉～