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 ဒေတာအမျိုးအစားများ

JavaScript variable များသည် မတူညီသောဒေတာအမျိုးအစားများကို ထိန်းထားနိုင်သည်- နံပါတ်များ၊ စာကြောင်းများ၊ အရာဝတ္ထုများနှင့် အခြားအရာများ-

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

ဒေတာအမျိုးအစားများ၏သဘောတရား

ပရိုဂရမ်ရေးဆွဲခြင်းတွင် ဒေတာအမျိုးအစားများသည် အရေးကြီးသော အယူအဆတစ်ခုဖြစ်သည်။

variable များကို လည်ပတ်နိုင်စေရန်၊ အမျိုးအစားနှင့် ပတ်သက်၍ တစ်စုံတစ်ခုကို သိရန် အရေးကြီးပါသည်။

ဒေတာအမျိုးအစားများမရှိဘဲ၊ ကွန်ပျူတာသည် ၎င်းကို ဘေးကင်းစွာ ဖြေရှင်းနိုင်မည်မဟုတ်ပေ။

let x = 16 + "Volvo";

"Volvo" ကို ဆယ့်ခြောက်ခုသို့ ထည့်ခြင်းသည် အဓိပ္ပာယ်ရှိပါသလား။ အမှားတစ်ခု ထွက်လာမလား ဒါမှမဟုတ် ရလဒ်ထွက်လာမှာလား။

JavaScript သည် အထက်ဖော်ပြပါ ဥပမာအား အောက်ပါအတိုင်း ဆက်ဆံပါမည်။

let x = "16" + "Volvo";

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

ဥပမာ

let x = 16 + "Volvo";

ဥပမာ

let x = "Volvo" + 16;

JavaScript သည် စကားရပ်များကို ဘယ်မှညာသို့ အကဲဖြတ်သည်။ မတူညီသော sequence များသည် မတူညီသောရလဒ်များကို ထုတ်ပေးနိုင်သည်-

JavaScript-

let x = 16 + 4 + "Volvo";

ရလဒ်:

20Volvo

JavaScript-

let x = "Volvo" + 16 + 4;

ရလဒ်:

Volvo164

ပထမဥပမာတွင်၊ JavaScript သည် 16 နှင့် 4 ကို "Volvo" သို့ရောက်ရှိသည်အထိ နံပါတ်များအဖြစ် သတ်မှတ်သည်။

ဒုတိယဥပမာတွင်၊ ပထမ operand သည် string တစ်ခုဖြစ်သောကြောင့်၊ operand အားလုံးကို string များအဖြစ် မှတ်ယူသည်။



JavaScript အမျိုးအစားများသည် Dynamic ဖြစ်သည်။

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

ဥပမာ

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

JavaScript ကြိုးများ

စာကြောင်းတစ်ကြောင်း (သို့မဟုတ် စာသားကြိုးတစ်ချောင်း) သည် "ဂျွန်ဒို" ကဲ့သို့သော ဇာတ်ကောင်အတွဲများဖြစ်သည်။

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

ဥပမာ

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

ကြိုးဝိုင်းအတွင်းကိုးကားချက်များ မကိုက်ညီသရွေ့ သင်သည် စာကြောင်းတစ်ကြောင်းအတွင်း ကိုးကားချက်များကို သုံးနိုင်သည်-

ဥပမာ

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

ဤသင်ခန်းစာတွင် နောက်ပိုင်းတွင် စာကြောင်းများအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။


JavaScript နံပါတ်များ

JavaScript တွင် နံပါတ်တစ်မျိုးတည်းသာရှိသည်။

ဂဏန်းများကို ဒဿမများဖြင့် သို့မဟုတ် ဒဿမမပါဘဲ ရေးသားနိုင်သည်။

ဥပမာ

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

အပိုကြီး သို့မဟုတ် အပိုအသေး ဂဏန်းများကို သိပ္ပံနည်းကျ (အညွှန်းကိန်း) ဖြင့် ရေးသားနိုင်သည်-

ဥပမာ

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

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


JavaScript Booleans

Boolean တွင် တန်ဖိုးနှစ်ခုသာ ရှိနိုင်သည်- trueသို့မဟုတ် false.

ဥပမာ

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Boolean ကို conditional testing တွင် မကြာခဏအသုံးပြုသည်။

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


JavaScript Arrays

JavaScript array များကို လေးထောင့်ကွင်းစကွက်များဖြင့် ရေးသားထားသည်။

Array ဖိုင်များကို ကော်မာများဖြင့် ပိုင်းခြားထားသည်။

carsအောက်ပါကုဒ်သည် အရာသုံးခု (ကားအမည်များပါရှိသော ) ဟုခေါ်သော array တစ်ခု (ဖန်တီးသည်) ကိုကြေငြာသည် -

ဥပမာ

const cars = ["Saab", "Volvo", "BMW"];

Array အညွှန်းကိန်းများသည် သုညအခြေခံဖြစ်သည်၊ ဆိုလိုသည်မှာ ပထမအရာသည် [0]၊ ဒုတိယသည် [1] စသည်တို့ဖြစ်သည်။

ဤသင်ခန်းစာတွင် နောက်ပိုင်းတွင် array များအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည် ။


JavaScript Objects

JavaScript object များကို curly braces များဖြင့် ရေးသားထားသည် {}

အရာဝတ္ထုဂုဏ်သတ္တိများကို အမည်-တန်ဖိုးအတွဲများ၊ ကော်မာများဖြင့် ပိုင်းခြားထားသည်။

ဥပမာ

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

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

ဤသင်ခန်းစာတွင် နောက်ပိုင်းတွင် အရာဝတ္ထု များအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည် ။


Operator အမျိုးအစား

typeofJavaScript variable အမျိုးအစားကိုရှာဖွေရန် JavaScript အော်ပရေတာအား သင်အသုံးပြုနိုင်ပါသည် ။

အော် typeofပရေတာသည် ကိန်းရှင်အမျိုးအစား သို့မဟုတ် စကားရပ်တစ်ခုကို ပြန်ပေးသည်-

ဥပမာ

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

ဥပမာ

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

ဤသင်ခန်းစာတွင် နောက်ပိုင်းတွင် အမျိုးအစား အကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်


သတ်မှတ်မထားသော

JavaScript တွင် တန်ဖိုးမရှိသော ကိန်းရှင်သည် တန်ဖိုး undefinedရှိသည်။ အမျိုးအစားကတော့ undefined.

ဥပမာ

let car;    // Value is undefined, type is undefined

မည်သည့် variable မဆို တန်ဖိုးကို သတ်မှတ်ခြင်းဖြင့် ရှင်းနိုင်သည် undefinedအမျိုးအစားလည်း ဖြစ်ပါလိမ့်မယ် undefined

ဥပမာ

car = undefined;    // Value is undefined, type is undefined

ဗလာတန်ဖိုးများ

အချည်းနှီးသောတန်ဖိုးနှင့် ဘာမှမဆိုင်ပါ undefined

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

ဥပမာ

let car = "";    // The value is "", the typeof is "string"

လေ့ကျင့်ခန်းများဖြင့် သင့်ကိုယ်သင် စမ်းသပ်ပါ။

လေ့ကျင့်ခန်း

အောက်ပါကိန်းရှင်များ၏ မှန်ကန်သောဒေတာအမျိုးအစားကို ဖော်ပြရန် မှတ်ချက်များကို အသုံးပြုပါ-

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //