HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

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 String Methods

❮ ယခင် နောက်တစ်ခု ❯

ကြိုးတန်းနည်းလမ်းများသည် သင့်အား ကြိုးများဖြင့် အလုပ်လုပ်ရန် ကူညီပေးသည်။

စာတန်းနည်းလမ်းများနှင့် ဂုဏ်သတ္တိများ

"ဂျွန်ဒို" ကဲ့သို့သော မူလတန်ဖိုးများသည် ဂုဏ်သတ္တိများ သို့မဟုတ် နည်းလမ်းများ မရရှိနိုင်ပါ (အရာဝတ္တုများမဟုတ်သောကြောင့်)။

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

JavaScript ကြိုးအရှည်

ပိုင်ဆိုင်မှုသည် စာကြောင်း တစ်ခု၏ lengthအရှည်ကို ပြန်ပေးသည်-

ဥပမာ

let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = txt.length;

ကြိုးအပိုင်းများကို ထုတ်ယူခြင်း။

string တစ်ခု၏ အစိတ်အပိုင်းတစ်ခုကို ထုတ်ယူရန် နည်းလမ်း 3 ခု ရှိပါသည်။

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

JavaScript စာကြောင်းအချပ်()

slice()string တစ်ခု၏ အစိတ်အပိုင်းတစ်ခုကို ထုတ်ယူပြီး ဖြည်ထားသောအပိုင်းကို string အသစ်တစ်ခုတွင် ပြန်ပေးသည်။

နည်းလမ်းသည် ကန့်သတ်ချက် 2 ခု ယူသည်- အစအနေအထားနှင့် အဆုံးအနေအထား (အဆုံးမပါဝင်)။

ဤဥပမာသည် အနေအထား 7 မှ ရာထူး 12 (13-1) မှ စာကြောင်းတစ်ပိုင်းကို ပိုင်းဖြတ်သည်။

ဥပမာ

let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);

မှတ်ချက်

JavaScript သည် ရာထူးများကို သုညမှ ရေတွက်သည်။

ပထမနေရာက 0 ပါ။

ဒုတိယနေရာက ၁။

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

ဤဥပမာသည် အနေအထား -12 မှ ရာထူး -6 မှ စာကြောင်းတစ်ပိုင်းကို ပိုင်းဖြတ်သည်-

ဥပမာ

let str = "Apple, Banana, Kiwi";
let part = str.slice(-12, -6);

အကယ်၍ သင်သည် ဒုတိယ ကန့်သတ်ဘောင်ကို ချန်လှပ်ထားပါက၊ နည်းလမ်းသည် ကျန်စာကြောင်းများကို ပိုင်းဖြတ်ပါမည်။

ဥပမာ

let part = str.slice(7);

သို့မဟုတ် အဆုံးမှ ရေတွက်ခြင်း၊

ဥပမာ

let part = str.slice(-12);

JavaScript String substring()

substring()နှင့် ဆင်တူသည် slice()။

ကွာခြားချက်မှာ substring()အနုတ်လက္ခဏာညွှန်းကိန်းများကို လက်မခံနိုင်ခြင်းဖြစ်သည်။

ဥပမာ

let str = "Apple, Banana, Kiwi";
let part = str.substring(7, 13);

ဒုတိယဘောင်ကို ချန်လှပ်ထားလျှင် substring()ကျန်စာကြောင်းကို ပိုင်းဖြတ်ပါမည်။

JavaScript String substr()

substr()နှင့် ဆင်တူသည် slice()။

ကွာခြားချက်မှာ ဒုတိယဘောင် သည် ထုတ်ယူထားသောအပိုင်း၏ အရှည် ကို သတ်မှတ်ပေးသောကြောင့် ဖြစ်သည်။

ဥပမာ

let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);

ဒုတိယဘောင်ကို ချန်လှပ်ထားလျှင် substr()ကျန်စာကြောင်းကို ပိုင်းဖြတ်ပါမည်။

ဥပမာ

let str = "Apple, Banana, Kiwi";
let part = str.substr(7);

ပထမဘောင်သည် အနှုတ်ဖြစ်ပါက၊ အနေအထားသည် စာကြောင်းအဆုံးမှ ရေတွက်သည်။

ဥပမာ

let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);

စာကြောင်းအကြောင်းအရာကို အစားထိုးခြင်း။

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

ဥပမာ

let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");

မှတ်ချက်

နည်းလမ်း သည် replace()၎င်းကိုခေါ်ထားသည့် စာကြောင်းကို မပြောင်းလဲပါ။

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

ပုံမှန်အားဖြင့်၊ နည်းလမ်းသည် ပထမ ကိုက်ညီမှု ကိုသာ replace()အစားထိုးသည် -

ဥပမာ

let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");

ပုံမှန်အားဖြင့်၊ replace()နည်းလမ်းသည် အသေးအဖွဲဖြစ်သည်။ MICROSOFT (စာလုံးကြီးဖြင့်) ရေးခြင်းသည် အလုပ်မဖြစ်ပါ။

ဥပမာ

let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");

ဖြစ်ရပ်မှန်ကို အာရုံမစိုက်ဘဲ အစားထိုးရန်၊ အလံ (အာရုံမခံသော) ဖြင့် ပုံမှန်အသုံးအနှုန်းကို အသုံးပြုပါ။/i

ဥပမာ

let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");

မှတ်ချက်

ပုံမှန်အသုံးအနှုန်းများကို အကိုးအကားမပါဘဲ ရေးသားပါသည်။

ကိုက်ညီမှုအားလုံးကို အစားထိုးရန်၊ အလံ (ကမ္ဘာလုံးဆိုင်ရာ ကိုက်ညီမှု) ဖြင့် ပုံမှန်အသုံးအနှုန်းကို အသုံးပြုပါ။/g

ဥပမာ

let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace(/Microsoft/g, "W3Schools");

မှတ်ချက်

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

Upper နှင့် Lower Case သို့ပြောင်းခြင်း။

စာကြောင်းတစ်ခုကို စာလုံးအကြီးအဖြစ်သို့ ပြောင်းသည် toUpperCase()-

စာကြောင်းတစ်ခုကို စာလုံးအသေးအဖြစ်သို့ ပြောင်းသည် toLowerCase()-

JavaScript String to UpperCase()

ဥပမာ

let text1 = "Hello World!";
let text2 = text1.toUpperCase();

JavaScript String to LowerCase()

ဥပမာ

let text1 = "Hello World!";       // String
let text2 = text1.toLowerCase();  // text2 is text1 converted to lower

JavaScript စာကြောင်း concat()

concat()ကြိုးနှစ်ခု သို့မဟုတ် ထို့ထက်ပိုသော ကြိုးများ ချိတ်ဆက်သည်-

ဥပမာ

let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);

concat()နည်းလမ်းကို plus operator အစား သုံးနိုင်သည် ။ ဤစာကြောင်းနှစ်ကြောင်းသည် တူညီသည်-

ဥပမာ

text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");

မှတ်ချက်

string method အားလုံးသည် string အသစ်တစ်ခုကို ပြန်ပေးသည်။ မူရင်းစာကြောင်းကို မပြင်ပါ။

တရားဝင်ပြောသည်

ကြိုးတန်းများသည် မပြောင်းလဲနိုင်သည်- ကြိုးတန်းများကို ပြောင်းလဲ၍မရပါ၊ အစားထိုးရုံသာဖြစ်သည်။

JavaScript စာကြောင်းဖြတ်တောက်မှု()

trim()နည်းလမ်းသည် စာကြောင်းတစ်ခု၏ နှစ်ဖက်စလုံးမှ နေရာလွတ်များကို ဖယ်ရှားသည် -

ဥပမာ

let text1 = "      Hello World!      ";
let text2 = text1.trim();

JavaScript String Padding

ECMAScript 2017 သည် String နည်းလမ်းနှစ်ခုကို ပေါင်းထည့်ထားသည်- padStart နှင့် padEndstring တစ်ခု၏ အစနှင့် အဆုံးတွင် padding ကို ပံ့ပိုးရန်။

JavaScript စာကြောင်း padStart()

ဥပမာ

let text = "5";
let padded = text.padStart(4,0);

Browser ပံ့ပိုးမှု

padStart() ECMAScript 2017 အင်္ဂါရပ်တစ်ခုဖြစ်သည်။

၎င်းကို ခေတ်မီဘရောက်ဆာများအားလုံးတွင် ပံ့ပိုးထားသည်။

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

padStart() Internet Explorer တွင် မပံ့ပိုးပါ။

JavaScript String padEnd()

ဥပမာ

let text = "5";
let padded = text.padEnd(4,0);

Browser ပံ့ပိုးမှု

padEnd() ECMAScript 2017 အင်္ဂါရပ်တစ်ခုဖြစ်သည်။

၎င်းကို ခေတ်မီဘရောက်ဆာများအားလုံးတွင် ပံ့ပိုးထားသည်။

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

padEnd() Internet Explorer တွင် မပံ့ပိုးပါ။

String Characters များကို ထုတ်ယူခြင်း။

စာကြောင်းအက္ခရာများကို ထုတ်ယူရန် နည်းလမ်း 3 ခုရှိသည်။

  • charAt(position)
  • charCodeAt(position)
  • ပိုင်ဆိုင်ခွင့် [ ]

JavaScript စာကြောင်း charAt()

charAt()နည်းလမ်းသည် စာကြောင်းတစ်ခုရှိ သတ်မှတ်ထားသော အညွှန်း (နေရာ) တွင် ဇာတ်ကောင်ကို ပြန်ပေးသည် -

ဥပမာ

let text = "HELLO WORLD";
let char = text.charAt(0);

JavaScript စာကြောင်း charCodeAt()

charCodeAt()နည်းလမ်းသည် စာကြောင်းတစ်ခုရှိ သတ်မှတ်ထားသော အညွှန်းတစ်ခုတွင် ဇာတ်ကောင်၏ ယူနီကုဒ်ကို ပြန်ပေးသည် -

နည်းလမ်းသည် UTF-16 ကုဒ် (0 နှင့် 65535 အကြား ကိန်းပြည့်) ကို ပြန်ပေးသည်။

ဥပမာ

let text = "HELLO WORLD";
let char = text.charCodeAt(0);

ပိုင်ဆိုင်ခွင့်

ECMAScript 5 (2009) သည် စည်းမျဥ်းများပေါ်တွင် ပိုင်ဆိုင်ခွင့် [ ] ကို ခွင့်ပြုသည်-

ဥပမာ

let text = "HELLO WORLD";
let char = text[0];

မှတ်ချက်

ပစ္စည်းဝင်ရောက်ခွင့်သည် အနည်းငယ် ခန့်မှန်းရခက်နိုင်သည်-

  • ၎င်းသည် စာကြောင်းများကို array များကဲ့သို့ဖြစ်စေသည် (သို့သော် ၎င်းတို့မဟုတ်ပါ)
  • If no character is found, [ ] returns undefined, while charAt() returns an empty string.
  • It is read only. str[0] = "A" gives no error (but does not work!)

Example

let text = "HELLO WORLD";
text[0] = "A";    // Gives no error, but does not work

Converting a String to an Array

If you want to work with a string as an array, you can convert it to an array.

JavaScript String split()

A string can be converted to an array with the split() method:

Example

text.split(",")    // Split on commas
text.split(" ")    // Split on spaces
text.split("|")    // Split on pipe

If the separator is omitted, the returned array will contain the whole string in index [0].

If the separator is "", the returned array will be an array of single characters:

Example

text.split("")

Complete String Reference

For a complete String reference, go to our:

Complete JavaScript String Reference.

The reference contains descriptions and examples of all string properties and methods.

Test Yourself With Exercises

Exercise:

Convert the text into an UPPERCASE text:

let txt = "Hello World!";
txt = txt.;

❮ Previous Next ❯