1. 取得輸入框的字串


2. 大小寫處理

toLowerCase() MDN:把字串轉成小寫。我們希望這個搜尋功能是大小寫不敏感的,所以一律把拿到的值都轉成小寫,方便之後比對。toLowerCase() MDN:把字串轉成小寫。我們希望這個搜尋功能是大小寫不敏感的,所以一律把拿到的值都轉成小寫,方便之後比對。

3. 去除字串前後空白

trim() MDN:把字串頭尾空格去掉。若使用者不小心輸入一堆空白送出,也會被視為沒有輸入東西,而收到警告訊息。

4. 比對字串

如果要查詢某一字串中是否包含特定字串,可以使用 includes 這個方法,只要某一字串內的包含特定字串內容時,就會得到 true,否則得到 false。includes會區分大小寫。


#strings #includes(keywords) #trim() #toLowerCase()







Related Posts

前端與後端的差異

前端與後端的差異

初試啼聲,只用原生 JS 跟 CSS 寫「口罩地圖 」Ep.01

初試啼聲,只用原生 JS 跟 CSS 寫「口罩地圖 」Ep.01

7月的最後一天,完成 week6 切版超開心

7月的最後一天,完成 week6 切版超開心


Comments