JS ကျူတိုရီရယ်

JS ပင်မ JS မိတ်ဆက် JS ဘယ်သွားမလဲ။ JS Output JS ထုတ်ပြန်ချက် JS Syntax JS မှတ်ချက်များ JS အပြောင်းအလဲများ JS Let JS Const JS အော်ပရေတာများ JS ဂဏန်းသင်္ချာ JS တာဝန် JS ဒေတာအမျိုးအစားများ JS လုပ်ဆောင်ချက်များ JS အရာဝတ္ထုများ JS ပွဲများ JS စာတန်းများ JS စာတန်းနည်းလမ်းများ JS စာတန်းရှာဖွေမှု JS String Templates JS နံပါတ်များ JS နံပါတ်နည်းလမ်းများ JS Arrays JS Array Methods JS Array အမျိုးအစား JS Array Iteration JS Array Const JS ရက်စွဲများ JS ရက်စွဲပုံစံများ JS နေ့စွဲ နည်းလမ်းများ ရယူပါ။ JS ရက်စွဲ သတ်မှတ်နည်းလမ်းများ JS သင်္ချာ JS Random JS Booleans JS နှိုင်းယှဉ်မှုများ JS အခြေအနေများ JS Switch JS Loop For JS Loop For In JS Loop For Of JS Loop While JS Break JS Iterables JS အစုံများ JS Maps JS အမျိုးအစား JS အမျိုးအစား ပြောင်းခြင်း။ JS Bitwise JS RegExp JS အမှားများ JS နယ်ပယ် JS Hoisting JS တင်းကျပ်သောမုဒ် JS ဒီ Keyword ပါ။ JS Arrow Function JS သင်တန်းများ JS JSON JS Debugging JS စတိုင်လမ်းညွှန် JS အကောင်းဆုံးအလေ့အကျင့်များ JS အမှားများ JS စွမ်းဆောင်ရည် JS သီးသန့်စကားလုံးများ

JS ဗားရှင်းများ

JS ဗားရှင်းများ JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS သမိုင်း

JS အရာဝတ္ထုများ

Object အဓိပ္ပါယ်ဖွင့်ဆိုချက် Object Properties များ အရာဝတ္ထုနည်းလမ်းများ အရာဝတ္ထုပြသခြင်း။ အရာဝတ္ထု ဆက်စပ်ပစ္စည်းများ Object Constructors များ Object Prototypes Object Iterables အရာဝတ္ထုအစုံများ အရာဝတ္ထုမြေပုံများ Object ကိုးကား

JS လုပ်ဆောင်ချက်များ

လုပ်ဆောင်ချက် အဓိပ္ပါယ်ဖွင့်ဆိုချက် လုပ်ဆောင်ချက် ကန့်သတ်ချက်များ Function Invocation လုပ်ဆောင်ချက်ခေါ်ဆိုမှု လုပ်ဆောင်ချက်ကို အသုံးပြုပါ။ Function ပိတ်ခြင်းများ

JS သင်တန်းများ

အတန်းမိတ်ဆက် Class Inheritance အတန်းထဲမှာလည်း

JS Async

JS ပြန်ခေါ်မှုများ JS Asynchronous JS ကတိများ JS Async/Await

JS HTML DOM

DOM မိတ်ဆက် DOM နည်းလမ်းများ DOM စာရွက်စာတမ်း DOM ဒြပ်စင်များ DOM HTML DOM ပုံစံများ DOM CSS DOM အန်နီမေးရှင်းများ DOM ပွဲများ DOM ဖြစ်ရပ် နားထောင်သူ DOM လမ်းညွှန် DOM Nodes DOM စုစည်းမှုများ DOM Node စာရင်းများ

JS Browser BOM

JS Window JS မျက်နှာပြင် JS တည်နေရာ JS သမိုင်း JS Navigator JS Popup သတိပေးချက် JS Timing JS Cookies

JS ဝဘ် API များ

ဝဘ် API မိတ်ဆက် ဝဘ်ဖောင် API ဝဘ်သမိုင်း API ဝဘ်သိုလှောင်မှု API Web Worker API Web Fetch API ဝဘ် Geolocation API

JS AJAX

AJAX နိဒါန်း AJAX XMLHttp AJAX တောင်းဆိုချက် AJAX တုံ့ပြန်မှု AJAX XML ဖိုင် AJAX PHP AJAX ASP AJAX ဒေတာဘေ့စ် AJAX အပလီကေးရှင်းများ AJAX ဥပမာများ

JS JSON

JSON မိတ်ဆက် JSON Syntax JSON နှင့် XML JSON ဒေတာအမျိုးအစားများ JSON Parse JSON Stringify JSON အရာဝတ္ထုများ JSON Arrays JSON ဆာဗာ JSON PHP JSON HTML JSON JSONP

JS နှင့် jQuery

jQuery ရွေးချယ်မှုများ jQuery HTML jQuery CSS jQuery DOM

JS ဂရပ်ဖစ်

JS ဂရပ်ဖစ် JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS ဥပမာများ

JS ဥပမာများ JS HTML DOM JS HTML ထည့်သွင်းမှု JS HTML Objects JS HTML ပွဲများ JS Browser JS တည်းဖြတ်သူ JS လေ့ကျင့်ခန်းများ JS Quiz JS လက်မှတ်

JS ကိုးကားချက်များ

JavaScript Objects HTML DOM အရာဝတ္ထုများ


JavaScript ပုံမှန်အသုံးအနှုန်းများ


ပုံမှန်အသုံးအနှုန်းသည် ရှာဖွေမှုပုံစံတစ်ခုဖန်တီးသည့် ဇာတ်ကောင်များ၏ အတွဲလိုက်တစ်ခုဖြစ်သည်။

ရှာဖွေမှုပုံစံကို စာသားရှာဖွေမှုနှင့် စာသားအစားထိုးလုပ်ဆောင်မှုများအတွက် အသုံးပြုနိုင်သည်။


Regular Expression ဆိုတာ ဘာလဲ။

ပုံမှန်အသုံးအနှုန်းသည် ရှာဖွေမှုပုံစံ တစ်ခုဖန်တီးသည့် ဇာတ်ကောင်များ၏ အတွဲလိုက်တစ်ခုဖြစ်သည်

စာသားတစ်ခုတွင် ဒေတာကို သင်ရှာဖွေသောအခါ၊ သင်ရှာဖွေနေသည့်အရာကို ဖော်ပြရန် ဤရှာဖွေမှုပုံစံကို အသုံးပြုနိုင်သည်။

ပုံမှန်ဖော်ပြချက်တစ်ခုသည် စာလုံးတစ်လုံးတည်း သို့မဟုတ် ပိုမိုရှုပ်ထွေးသောပုံစံတစ်ခု ဖြစ်နိုင်သည်။

စာသားရှာဖွေမှု အမျိုးအစားအားလုံးကို လုပ်ဆောင်ရန် နှင့် စာသားအစားထိုး လုပ်ဆောင်ချက်များကို လုပ်ဆောင်ရန် ပုံမှန်အသုံးအနှုန်းများကို အသုံးပြုနိုင်သည်

အထားအသို

/pattern/modifiers;

ဥပမာ

/w3schools/i;

ဥပမာ ရှင်းပြထားသည်-

/w3schools/i   သည် ပုံမှန်အသုံးအနှုန်းတစ်ခုဖြစ်သည်။

w3schools   သည် ပုံစံတစ်ခု (ရှာဖွေမှုတွင် အသုံးပြုရန်) ဖြစ်သည်။

i   သည် ပြုပြင်မွမ်းမံမှုတစ်ခုဖြစ်သည် (ရှာဖွေမှုကို စာလုံးအသေး-အာရုံမခံသည့်အဖြစ် ပြုပြင်သည်)။


String Methods ကိုအသုံးပြုခြင်း။

JavaScript တွင်၊ ပုံမှန်အသုံးအနှုန်းများကို string method နှစ်ခုဖြင့် အသုံးပြုလေ့ရှိသည် - search()နှင့် replace().

နည်းလမ်း သည် search()ကိုက်ညီမှုတစ်ခုကို ရှာဖွေရန် စကားရပ်တစ်ခုကို အသုံးပြုကာ ကိုက်ညီသည့် အနေအထားကို ပြန်ပေးသည်။

replace()နည်းလမ်းသည် ပုံစံကို အစားထိုးထားသည့် မွမ်းမံထားသော စာကြောင်းကို ပြန်ပေးသည်


String search() စာကြောင်းတစ်ခုဖြင့် အသုံးပြုခြင်း။

နည်းလမ်း သည် search()သတ်မှတ်ထားသော တန်ဖိုးအတွက် စာကြောင်းတစ်ကြောင်းကို ရှာဖွေပြီး ကိုက်ညီမှု၏ အနေအထားကို ပြန်ပေးသည်-

ဥပမာ

string တစ်ခုတွင် "W3schools" ကိုရှာဖွေရန် string ကိုသုံးပါ-

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

n ၏ရလဒ်သည် -

6


ပုံမှန်ဖော်ပြချက်ဖြင့် String search() ကိုအသုံးပြုခြင်း။

ဥပမာ

string တစ်ခုရှိ "w3schools" အတွက် case-sensitive ရှာဖွေမှုပြုလုပ်ရန် ပုံမှန်အသုံးအနှုန်းကိုသုံးပါ-

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

n ၏ရလဒ်သည် -

6



String replace() ကို String တစ်ခုဖြင့် အသုံးပြုခြင်း။

replace()နည်းလမ်းသည် သတ်မှတ်ထားသောတန်ဖိုးကို စာကြောင်းတစ်ခုရှိ အခြားတန်ဖိုးဖြင့် အစားထိုးသည် -

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

ပုံမှန်ဖော်ပြချက်ဖြင့် String replace() ကိုသုံးပါ။

ဥပမာ

Microsoft ကို W3Schools ဖြင့် အစားထိုးရန်အတွက် စာကြောင်းတစ်ကြောင်းတွင် အာရုံမခံသော ပုံမှန်ဖော်ပြချက်ကို အသုံးပြုပါ။

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

res ၏ရလဒ်သည် -

Visit W3Schools!

သတိထားမိပါသလား

အထက်ဖော်ပြပါ နည်းလမ်းများတွင် ပုံမှန်ဖော်ပြချက် အကြောင်းပြချက်များ (string arguments များအစား) ကို အသုံးပြုနိုင်သည်။
ပုံမှန်အသုံးအနှုန်းများသည် သင်၏ရှာဖွေမှုကို ပိုမိုအားကောင်းစေသည် (ဥပမာ အသေးအဖွဲ မပါသော)။


ပုံမှန်ဖော်ပြချက်မွမ်းမံမှုများ

စာလုံးအသေး-အာရုံမခံသော ကမ္ဘာလုံးဆိုင်ရာ ရှာဖွေမှုများကို လုပ်ဆောင်ရန် ပြုပြင်မွမ်းမံမှု များကို အသုံးပြုနိုင်သည်။

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

ပုံမှန်ဖော်ပြမှုပုံစံများ

စာလုံးအကွာအဝေးကိုရှာရန် ကွင်းပိတ် များကိုအသုံးပြုသည်-

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Metacharacters များသည် အထူးအဓိပ္ပါယ်ရှိသော ဇာတ်ကောင်များဖြစ်သည်-

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

Quantifiers သည် ပမာဏများကို သတ်မှတ်သည်-

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

RegExp Object ကိုအသုံးပြုခြင်း။

JavaScript တွင်၊ RegExp object သည် ကြိုတင်သတ်မှတ်ထားသော ဂုဏ်သတ္တိများနှင့် နည်းလမ်းများပါရှိသော ပုံမှန် expression object တစ်ခုဖြစ်သည်။


စမ်းသပ်အသုံးပြုခြင်း()

နည်းလမ်း သည် test()RegExp expression method တစ်ခုဖြစ်သည်။

၎င်းသည် ပုံစံတစ်ခုအတွက် ကြိုးတစ်ချောင်းကို ရှာဖွေပြီး ရလဒ်ပေါ်မူတည်၍ မှန် သို့မဟုတ် အမှားကို ပြန်ပေးသည်။

အောက်ပါဥပမာသည် စာလုံး "e" အတွက် စာကြောင်းတစ်ခုကို ရှာဖွေသည်-

ဥပမာ

const pattern = /e/;
pattern.test("The best things in life are free!");

string တွင် "e" ပါရှိသောကြောင့်၊ အထက်ကုဒ်၏ output သည်-

true

ပုံမှန်အသုံးအနှုန်းကို ကိန်းရှင်တစ်ခုတွင် ဦးစွာထည့်ရန် မလိုအပ်ပါ။ အထက်ဖော်ပြပါ စာကြောင်းနှစ်ကြောင်းကို တစ်ကြောင်းသို့ အတိုချုံးနိုင်သည်။

/e/.test("The best things in life are free!");

exec() ကိုအသုံးပြုခြင်း

နည်းလမ်း သည် exec()RegExp expression method တစ်ခုဖြစ်သည်။

၎င်းသည် သတ်မှတ်ထားသောပုံစံအတွက် စာကြောင်းတစ်ကြောင်းကို ရှာဖွေပြီး တွေ့ရှိသောစာသားကို အရာဝတ္ထုတစ်ခုအဖြစ် ပြန်ပေးသည်။

တူညီမှုမတွေ့ပါက၊ ၎င်းသည် ဗလာ (null) အရာဝတ္ထုကို ပြန်ပေးသည်။

အောက်ပါဥပမာသည် စာလုံး "e" အတွက် စာကြောင်းတစ်ခုကို ရှာဖွေသည်-

ဥပမာ

/e/.exec("The best things in life are free!");

RegExp အကိုးအကား အပြည့်အစုံ

ပြီးပြည့်စုံသော အကိုးအကားအတွက်၊ ကျွန်ုပ်တို့၏ ပြီးပြည့်စုံသော JavaScript RegExp အ ကိုးအကားသို့ သွားပါ ။

ရည်ညွှန်းချက်တွင် RegExp ဂုဏ်သတ္တိများနှင့် နည်းလမ်းအားလုံး၏ ဖော်ပြချက်များနှင့် နမူနာများ ပါရှိသည်။