4-3 toString 轉換為 String 字串連接

Original: https://course.andys.pro/Javascript-Intro/04-3-transform-to-string-using-tostring-and-string-methods/

講義

講義

1. 數值轉字串的方法

• .toString() 方法

  • 語法：variable.toString(radix)
  • 進位制轉換：toString 最強大的功能是可以指定進位制。
    • var num = 15;
    • num.toString() ➝ "15" (預設十進位)
    • num.toString(2) ➝ "1111" (轉二進位)
    • num.toString(16) ➝ "f" (轉十六進位)
  • 注意：建議對「變數」使用，若直接對數字使用（如 15.toString()）可能會報錯，需寫成 (15).toString()。

• String() 函式

  • 語法：String(value)
  • 用途：將任何型別強制轉換為字串。
  • 範例：
    • String(123) ➝ "123"
    • String(true) ➝ "true"
    • String(null) ➝ "null" (比 toString() 更安全，因為 null 沒有 toString 方法)。

2. 字串的連接 (Concatenation)

• 使用 + 運算子
  • 字串與字串相加："Hello" + "World" ➝ "HelloWorld" (注意中間不會自動補空白)。
  • 如果要空白需手動加入："Hello" + " " + "World"。
• 數字與字串相加
  • 當數字遇到字串時，JavaScript 會將數字隱式轉型為字串，然後進行拼接。
  • 1 + "1" ➝ "11" (不是 2)。
  • "Age: " + 18 ➝ "Age: 18"。
• 小技巧
  • 快速轉型："" + 123 ➝ "123"。這是一個常見且快速將數字轉為字串的寫法。

影片逐字稿 (AI 生成)

好 歡迎大家來到4-3 轉換Stream好 那我們現在 剛剛是把文字轉換成數字我們現在要把數字轉換成文字 轉換成字串那可以有兩個方法 一個是ToStream 一個是Stream然後再來我們要講的是字串也怎麼來做連接首先呢 我們在數字後面 我們可以點ToStream然後把它轉換成 就是靜位數那你這個轉換成靜位數 它的值不可能是0 不然會壞掉因為靜位嘛 靜位一定要有0怎麼0靜位 不太可能好 那再來這邊它又補充了 就是0x是16靜位的樣子好 那我們這邊來15 然後ToStream好 我們把 我們的code我們剛才是lear好 看一下剛才的code這邊是呃 num是15 然後ToStream好 var num等於15var a等於 num.toStream誒 sorry寫錯看這邊是看這邊是A剛才打成E不好意思好那這時候我們可以看A 它就是15那這邊呢 你可以看得出來它是字串 因為我們的IDE還蠻聰明的可是有的地方它只會都輸出15你不知道它的型態是什麼那這時候我們還是可以用typeof對不對我們可以直接去看TypeType ofA這邊就是Stream可是我最原本的最原本的 num它是一個數字所以這樣就做好轉換型態了我從數字num原本是數字轉換成轉換成toStream就變成是字串的食物OK可以直接這樣轉好的那我現在我要toStream可是我可以把它轉換成二進位那我就是把 num這個數字轉成二進位toStream2對var b等於num點toStream二進位那我b是不是就是111111111111OK那大家說為什麼15轉頭二進位是1111好我又要來做一次0123好2的3次方加上1乘以2的2次方加上1乘以2的1次方加上1乘以2的0次方等於15可以嗎2的3次方2的2次方2的1次方2的0次方就是這樣子做然後出來就15因為它加1就會變16進位進位進位進位就變10000就變1萬2進位1萬就是16OK就2的4次方OK好的那我們也可以把15轉換成8進位那我們來試試看varvar c那那他這邊要叫你轉換成16進位那就會是什麼呢大家還記得嗎FOK0123456789ABCDEF16進位好的那我們來看String這個 function可以怎麼來轉換那大家記得喔就是ToString這個東西是什麼是在數字後面點ToStringOK它是一個數字底下的一個功能就是點ToString這樣所以你也可以我們試試看好了12點To欸不行它好像叫變數才可以不行你一定要把它轉換成變數比如說就是ff等於yff等於12然後ffToString所以你要一定要把它變成變數才可以喔你不能直接數字點ToStringOK好那我們來看String那String就是直接一個是它是一個 function然後裡面直接放數字它寫法不太一樣好那Booling呢也是一樣的這邊我也是新的一個寫法就是你Booling把1就會轉換成True那我們先看一下喔就Booling這個功能Booling 1就是TrueBooling 0就是False那它這邊是要把Booling 1對不對然後我們要再怎麼樣我把它String把它變成自傳然後它就變成一個內文為True的一個自傳OK不要看到它True就以為它是Booling喔No它是什麼呢我看一下我先把它建一個叫做varT好等於這樣子然後我把這個T它就是一個True對不對可是T我們要看什麼Type of T它是一個String對不對它是一個自傳OK那如果是一個Booling裡面的1它是一個Booling它的值是一個Booling就是這個True就是跟這個一樣Type of True是BoolingOKType of False也是Booling它是一個Booling值它的Type是什麼好的 前面兩個解決掉了我們來看String777String777就是把數字的777轉換成自傳的777這個也是一樣12.3那這蠻有趣的喔String010是什麼String010居然是8這我要看一下沒有忘記好那下面這個比較簡單這個比較簡單就是0X是什麼16進位對不對所以10是什麼16然後呢0是0OK所以它就直接變成16出來那如果我今天在裡面我放的不是一個數字我原本就是一個自串那會發生什麼事情啊 電腦就會跟你講啊你自串就自串啊就不用轉了啊對不對它就直接自串就出來了所以你今天你傳了一個自串進去它就直接自串出來嘛啊你type就是String啊我就不用做任何事情我直接把這個String丟出來給你就好那其實呢這裡面的code其實每一個這個像String這個也是一個 function喔它是一個一射就已經給你的 function其實它也是你沒有做一些運算就是比如說我是一個數字啊它可能裡面就是Type of呃Type of這個東西拿進來這個東西如果它的形態是數字的話我才轉換假如我的形態原本就是String我就直接還給你這個值就好了嘛就像現在這個狀況嘛就像現在這個狀況嘛我現在的一個字串叫0x10啊你就是String啊我就直接還給你這樣就好好那我有一個數字這個數字是什麼50乘以10的-5次方就是0.0005那我們看一下它數字是什麼它數字其實就是它數字其實就是這樣它數字其實就是長這樣嘛0.005嘛那我今天我把用String把它包起來的時候它其實就會變成是一個自串的0.0005OK那這邊也是可是你看你這邊原本就是自串它丟出來就會直接給你一個自串OK它原本就是自串它就不轉換形它就不轉換形態好的那我們要來看自串的連接那原本呢大家就是都會嘛1加1等於2嘛對不對就是數字是可以直接加在一起那我想請問大家如果是自串的1加自串的1或是什麼呢才跟你講是11喔為什麼因為自串是一格一格兩個併在一起的它是比如說像hello這個自串加上world這個自串加在一起就會變成helloworld好那這裡有什麼問題少了一個空格對不對所以有時候呢我們中間還要再加一個空格然後再加有沒有hello加空格加world就變helloworldOK所以自串是可以這樣子相加的好所以自串是可以這樣子相加的好所以你看這邊它有A B C D然後它這邊做什麼事情C加1就是這個Chello就變hello1然後這邊呢world2D加Bworld加2就變成world2然後helloworld是C加D就加起來就變helloworld好看一下可不可以直接copy and paste沒有跑那個東西沒關係就變成這樣子好了喔因為它直接做完了嘛對不對它直接做完然後我們就喔所以我們想要知道hello1是什麼就直接叫它出來hello1對不對然後我剛才註解掉所以var2這個沒有跑到所以我就把world2叫出來對是world2然後我這邊又註解好那我helloworldC加D所以我這邊hello叫這個變數出來它就是helloworld那中間沒有空格OK它就是兩個字串直接加在一起好那這邊呢呃A加B加起來是數字嘛對不對這個3我們先跑這個就是var3等於A加B然後我們看一下這個3是什麼這個3它是3對不對那我們可以去check它的type3是一個數字的3是一個數字的3好那假如我今天是一個3是一個什麼沒有任何東西的字串加上一個數字但它這樣會變怎麼樣它的它所得到的3會是一個空的字串加上一個數字它的形態會變成是一個字串OK所以你去看這個3我們用typeof去去去 check它typeof3它是一個stringOK所以假如說我今天有一個一個數字比如說varbig numberbig num等於5566好了好那我今天我想要把5566變成字串5566那我是不是就可以怎麼做呢我就可以說stringstring56等於我用varstring56等於這樣加上big num那我的string56就是5566的字串所以你也可以把這樣的方法視為一個快速轉換成自圓的快速把數字轉換成自圓的一個方法就前面加一個空的字串然後加它它就自己轉過去好所以本章的重點我們學到很多的東西我們學到了數字我們學到了布林值我們學到了字串這三個在JavaScript最常見的基本類型同時呢我們也學到說怎麼樣把一個字串抓出它的整數抓出它的小數還有用怎麼用number把字串轉換成數字再來呢我們把數字用Stream的方法轉換成自串我們用Stream的方法也可以把它轉換成自串再來呢我們發現Stream的加減其實是可以把它併在一起變成更長的一個自串那這是是講我們學到的東西我們學到的東西我們學到的東西我們學到的東西書包書包直接組我們這個要來做的東西就可以有做的東西做的東西可以做的東西做的東西就做的東西做的東西做的東

影片逐字稿largev2

歡迎大家來到4-3 轉換Stream剛剛是把文字轉換成數字現在要把數字轉換成文字轉換成字串可以有兩個方法一個是ToStream 一個是Stream再來我們要講的是字串怎麼來做連接首先我們在數字後面可以點ToStream然後把它轉換成進位數那你這個轉換成進位數它的值不能是0不然會壞掉因為進位嘛進位一定要有0怎麼0進位不太可能那再來這邊它又補充了0x是16進位的樣子那我們這邊來15然後ToStream我們把我們的Code看一下剛才的Code這邊是Num是15然後ToStreamVarNum等於15VarA等於Num.ToStream那這時候我們可以看A它就是15那這邊你可以看得出來它是字串因為我們的IDE還蠻聰明的可是有的地方它只會輸出15你不知道它的型態是什麼那這時候我們還是可以用Typeof我們可以直接去看Typeof A這邊就是Stream可是我最原本的最原本的Num它是一個數字所以這樣就做好轉換型態了我從數字Num原本是數字15轉換成ToStream就變成是字串的15可以直接這樣轉好的那我現在我要ToStream可是我可以把它轉換成二進位那我就是把Num這個數字轉成二進位就ToStream2VarB等於Num.ToStream二進位那我B就是11111111那大家說為什麼15轉成二進位是1111好我又要來做一次0123好1乘以2的3次方加上1乘以2的2次方加上1乘以2的1次方加上1乘以2的0次方乘以15可以嗎2的3次方2的2次方2的1次方2的0次方就是這樣子做然後出來就是15那它加1就會變16嘛進位進位進位就變100就變1萬二進位1萬就是16就2的4次方好的那我們也可以把15轉換成8進位那我們來試試看VarC等於Num.ToStream好那C就是17那它這邊要叫你轉換成16進位那就會是什麼呢大家還記得嗎FOK0123456789ABCDEF16進位好的那我們來看Stream這個功能可以怎麼來轉換那大家記得喔ToStream這個東西是什麼是在數字後面點ToStreamOK就是數字底下的一個功能就是點ToStream所以你也可以我們試試看不行它好像要變數才可以不行你一定要把它轉換成變數比如說FF等於YFF等於12然後FFToStream所以你一定要把它變成變數才可以喔你不能直接數字點ToStream喔好那我們來看Stream那Stream就是直接一個它是一個function然後你裡面直接放數字它的寫法不太一樣那Booling也是一樣的這邊我也是新的一個寫法就是你Booling把1就轉換成True那我們先看一下喔就Booling這個功能就是False那它這邊是要把Booling1然後我們要再怎麼樣我要把它Stream把它變成字串然後它就變成是一個內文為True的一個字串不要看它True就以為它是Booling喔NO它是什麼呢我看一下我先把它建一個叫做varT好等於這樣子然後我把這個T它就是一個True可是T我們要看什麼Type of T它是一個Stream對不對它是一個字串OK那如果是一個Booling裡面的1它是一個Booling它的值是一個Booling就是這個TrueType of True是BoolingOKType of False也是Booling那這個Type是什麼好的前面兩個解決掉了我們來看Stream777Stream777就是把數字的777轉換成字串的777這個也是一樣12.3那這蠻有趣的喔Stream010是什麼Stream010居然是8這我要看一下因為我忘記好那下面這個比較簡單這比較簡單就是0x是什麼16進位對不對所以10是什麼16然後0是0所以它是直接變16出來那如果我今天在裡面我放的不是一個數字我原本就是一個字串那會發生什麼事情電腦就會跟你講它就不用轉了你原本就放一個字串它就直接字串就出來了所以你今天傳了一個字串進去它就直接字串出來那你Type就是Stream我就不用做任何事情我直接把這個Stream丟出來給你就好那其實呢這裡面的code像Stream這個也是一個function它是一個預設就已經給你的function其實它也是裡面有做一些運算它不是一個數字它可能裡面就是Type ofType of這個東西如果它的形態是數字我才轉換假如我的形態原本就是Stream我就直接還給你這個值就好了就像現在這個狀況我現在有一個字串叫0x10啊你就是Stream啊我就直接還給你這樣就好好那我有一個數字50x10的負四方就是0.0005那我們看一下它數字是什麼它數字其實就是這樣它數字其實就是長這樣嘛0.0005嘛那我今天把它用Stream包起來的時候它其實就會變成是一個字串的0.0005OK那這邊也是可是你看你這邊原本就是字串它就直接給你一個字串它原本就是字串它就不轉換形態好的那我們要來看字串的連接那原本呢大家都會嘛1加1等於2嘛就是數值是可以直接加在一起那我想請問大家如果是字串的1加字串的1或是什麼呢我跟你講是11喔為什麼因為字串是一格一格兩個併在一起的它是比如說像hello這個字串加上world這個字串加在一起就會變成hello world跟world加在一起好那這裡有什麼問題少了一個空格對不對所以有的時候呢再加一個空格再加hello加空格加world就變hello world所以字串是可以這樣子相加的好所以你看這邊它有a b c d然後它這邊做什麼事情c加1就是這個c然後這邊呢world2d加b world加2然後hello world是c加d加起來就變hello world看一下可不可以直接copy and paste沒有跑任何東西那我們這樣子喔因為它直接做完了嘛對不對它直接做完然後我們就所以我們要想要知道hello1是什麼就直接叫它出來hello1對不對然後我剛才註解掉所以world2這個沒有跑到所以我就把world2叫出來對是world2然後我這邊又註解那hello world c加d嘛叫這個變數出來它就是hello world那中間沒有空格嘛它就是兩個字串直接加在一起好那這邊呢a加b加起來是數字嘛對不對這個3我們先跑這個就是var3等於a加b然後我們看一下這個3是什麼這個3它是3嘛對不對那我們可以去check它的type of 3是一個數字的3好那假如我今天是一個3是一個什麼沒有任何東西的字串加上一個數字3那它這樣會變怎麼樣它的所得到的3會是一個空的字串加上一個數字它的形態會變成是一個字串ok所以你去看這個3我們用type of去check它type of 3它是一個string喔ok所以假如說我今天有一個數字比如說varbig number等於5566好那我今天我想要把5566變成字串5566那我是不是就可以怎麼做呢我就可以說stringstring 56string 56string 56等於這樣加上big number那我的string 56就是5566的字串所以你也可以把這樣的方法視為一個快速轉換成字元的快速把數字轉換成字元的一個方法就前面加一個空的字串然後夾它它就自己轉過去所以本帳的重點我們學到很多東西我們學到了數字我們學到了布林值我們學到了字串這三個在javascript最常見的基本類型同時呢我們也學到說怎麼樣把一個字串抓出它的整數抓出它的小數還有怎麼用number把字串轉換成數字再來呢我們把數字可以用toString的方法轉換成字串我們用string的方法也可以把它轉換成字串再來呢我們發現string的加減其實是可以把它併在一起變成一個更長的字串那這是第四章我們學到的東西