按下F12觀察:使用.trim()將最前方空格給移除掉後的狀況:
●A.倘若輸入的值全部為空格,或根本沒有任何輸入值,然後就直接傳遞出去:
由於.trim()會將最前方空格(、最後方空格)給移除掉,代表所有空格全被移除後,則其長度等於0零,將無法進入判別式。
因為並未進入判別式,故此將不會執行任何動作。
●B.倘若輸入的值具有不為空格的元素,
譬如輸入: 222 333
^雖然當中有空格,但也包含不為空格的元素2、3,則其長度大於0零、不等於0零,可以進入判別式
彈跳視窗將顯示:偵測到文字輸入。
-------------------------------------------------------------------
●範例一、
假設輸入以下,第一個5左邊有九個空格、3跟7中間有四個空格、7右邊並沒有空格:
5 2 3 7
trimmedValue會呈現將[最前方空格、最後方空格]給移除掉的結果(只有移除5左邊的九個空格,因為7右邊並沒有空格):
5 2 3 7
trimmedValue.length則呈現trimmedValue的總長度=10個字元 [5(一個字元)+5跟2中間有一個空格(一個字元)+2(一個字元)+2跟3中間有一個空格(一個字元)+3(一個字元)+3跟7中間有四個空格(四個字元)+7(一個字元)]
●範例二、
假設輸入以下,第一個5左邊有九個空格、3右邊有四個空格(3右邊的四個空格也要被複製來輸入):
5 2 3
trimmedValue會呈現將[最前方空格、最後方空格]給移除掉的結果,此時3右邊將不存在空格:
5 2 3
trimmedValue.length則呈現trimmedValue的總長度=5個字元 [5(一個字元)+5跟2中間有一個空格(一個字元)+2(一個字元)+2跟3中間有一個空格(一個字元)+3(一個字元)]