JavaScript 演義 #19: 關公尋兄，搜尋無畏
更新於 2024/09/24閱讀時間約 1 分鐘
圖片來源: Recraft AI 製作 + Canva 自行製作
"此詩篇在三國的背景下，結合史實和想像，用詩歌的方式詮釋。如有不妥之處，請諒解。"
關公尋兄，搜尋無畏
關雲長，流離失所，魂牽夢縈劉玄德，
於千里之外，一心一意，只為再見那舊日的兄弟。
於JavaScript字卷之中，字串也有搜尋之功能，
let story = "關公尋找劉備，歷經千難萬險";
.indexOf("劉備"); 快速找到其位置，
如關公於五關斬六將，每一步都靠近目的。
.search(/劉備/); 以模式搜索，精確而不失其真，
如關羽尋兄，不讓任何線索遺失。
.lastIndexOf("劉備"); 找到最後的記憶，
如關公再三回首，憶起與劉備的終別。
.match(/劉備/g); 搜尋所有的回憶，
如關公心中的劉備，永遠不會忘記。
在這代碼的史詩中，搜尋方法如同你的利劍，
幫助你找到心中的那一片天地，
如同關公尋找劉備，雖經風霜雪雨，也終將重逢。
讓字串搜尋為你指引方向，
如同關公的赤兔馬，總能帶你到達目的地。
使用這些方法，讓你的代碼更加清晰與明確，
如同關公的尋兄之路，處處都充滿希望與決心。
感謝
謝謝大家看完這篇，如果您喜歡我的文章，歡迎 小額贊助我 ^^
31會員
194內容數
歡迎來到【代碼的詩情】：探索程式語言之美 系列，這是一場優雅的程式之旅，透過詩歌的抒發，尋找不同程式語言的美感和精髓。
在這個系列中，我們將透過文字的韻律，深入探索多種程式語言的核心概念和語法，以及它們獨特的應用和技巧。每一篇詩歌都是一個故事，每一段代碼都是一句詩句，讓代碼的旋律和詩情在其中相互交織。
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
工作上固定頻率會收到User提供的設定需求資訊，檔案大多為excel的格式.xlsx或.xls，需要擷取內容的參數資訊，轉換撰寫sql語法寫入資料庫進行操作。
既然格式都是固定的，何不動手寫個小工具，一鍵完成轉換呢？
前言
這是第一次寫技術文章，但其實應該也只能說是蒐集很多資料並學習如何透過自己的話解釋的內容，並不能像其他大神可能分享一些很酷的技術，目標就單純是為了完成最後一週的作業(如下)。
走入非同步之前
執行環境(Execution Context)
執行環境堆疊 (Execution stack)
Java script 中有其中兩種宣告分別是 var 跟 let
var
結果:
let
結果:
** let 是一種區塊的變數宣告像是 if else while for 即跳出區塊時就無法取得資料
在一開始學習前端開發的時候，一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字，當初的我，單純認為 ES5、ES6 是講述 JavaScript 的版本，所以在使用上就沒有想太多，反正就是 JavaScript 1.0 、2.0 的感覺吧？
上篇介紹的promise chain的寫法，是已經比原本好維護了沒錯，但是可讀性似乎還是有點不足，其實還可以改成用async/await的寫法，如下:
E
其中，async是非同步的意思，等於是把getData()這個function定義為非同步，因此從console可以看到，test是最先被pri
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
工作上固定頻率會收到User提供的設定需求資訊，檔案大多為excel的格式.xlsx或.xls，需要擷取內容的參數資訊，轉換撰寫sql語法寫入資料庫進行操作。
既然格式都是固定的，何不動手寫個小工具，一鍵完成轉換呢？
前言
這是第一次寫技術文章，但其實應該也只能說是蒐集很多資料並學習如何透過自己的話解釋的內容，並不能像其他大神可能分享一些很酷的技術，目標就單純是為了完成最後一週的作業(如下)。
走入非同步之前
執行環境(Execution Context)
執行環境堆疊 (Execution stack)
Java script 中有其中兩種宣告分別是 var 跟 let
var
結果:
let
結果:
** let 是一種區塊的變數宣告像是 if else while for 即跳出區塊時就無法取得資料
在一開始學習前端開發的時候，一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字，當初的我，單純認為 ES5、ES6 是講述 JavaScript 的版本，所以在使用上就沒有想太多，反正就是 JavaScript 1.0 、2.0 的感覺吧？
上篇介紹的promise chain的寫法，是已經比原本好維護了沒錯，但是可讀性似乎還是有點不足，其實還可以改成用async/await的寫法，如下:
E
其中，async是非同步的意思，等於是把getData()這個function定義為非同步，因此從console可以看到，test是最先被pri