在學習 JavaScript 的 if/else if 很需要大量的練習,才能摸懂那邏輯概念,這邊來簡單介紹一下 if/else if 的用意。
什麼情況下會在網頁上使用if/else if?這邊舉個實際的例子,大家應該都有在網頁上註冊帳號時填入密碼,你會發現輸入過程中會即時顯示密碼的強中弱。
那他是怎麼判斷的?其實在我學習 JavaScript 時候,才發現原來背後都是 if和 else if 在操控啊!
當你輸入密碼時,電腦會像一個「嚴格的安全檢查員」,一步一步檢查你的密碼是否符合規則。以下是它的思考步驟:
第一步:先檢查最重要的事
「如果」密碼長度太短(少於 6 位) ➔ 立刻顯示 :“太短!至少6位”
⬇️
「否則如果」密碼長度夠了,而且同時包含「字母」和「數字」➔ 立刻顯示 :“強!有字母+數字”
⬇️
「否則如果」密碼長度夠了,但「沒有數字」➔ 立刻顯示 :“中等!建議加數字”
「如果」對應的是 if
➤ 這是電腦第一個檢查點,用來檢查最重要的狀況
「否則如果」對應的是 else if
➤ 這是電腦的第二、第三檢查點,用來處理其他可能的狀況,但一次只會執行一個條件,當然你也可以設定第四~第十個檢查點
那這整個迴路在電腦裡面是長這樣

大概了解 if/else if 的作用後,來介紹一下如何給自己出練習題
通常在練習 if/else if 時,會設定情境題,比如:
“小明外出門吃牛排,但他不知道錢包裡有多少錢,如果錢包裡的錢超過100元就吃牛排,反之則落寞回家”
然後我們會透過拆解步驟的方式訓練自己的邏輯 ⬇️

每次訓練一定要規劃流程圖,這樣在腦中才有那畫面,也容易從流程圖中糾錯喔~
這時候我們能利用 AI 給自己出題(我使用的是ChatGPT 4o,使用免費版ChatGPT一樣可以獲得高品質題目)
以下是我的提示詞:
“我在學習 JavaScript的if/else的語法, 請你出情境題讓我練習。
情境題範例:小明今天出門吃牛排,但他不知道自己錢包有多少錢,如果打開錢包錢多於100元就吃牛排,如果錢少於100元就落寞回家。我會根據你給出的情景去做if/else的練習,請你出題吧!”
這時候 ChatGPT 就會生成好幾個情境題,他還會給你提示,你就選有興趣的來做練習

像我選擇了情境2,我就可以根據這情境題去設計流程

再一步步把程式打出來

我就這樣練習了5到6題,過程中當然有不懂的地方,所以就是透過一步步的試錯來加深練習。
總之程式邏輯需要不斷的訓練,而讓 AI 成為自己的老師,請他出題,也請他糾正。希望大家都能透過 AI 一步步訓練自己的程式語言!
發佈留言