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 Array Iteration

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

Array ထပ်တလဲလဲနည်းလမ်းများသည် array item တိုင်းတွင် လုပ်ဆောင်သည်။

JavaScript Array forEach()

နည်းလမ်း သည် forEach()array ဒြပ်စင်တစ်ခုစီအတွက် လုပ်ဆောင်ချက်တစ်ခု (ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်) ကို တစ်ကြိမ်ခေါ်ဆိုသည်။

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt += value + "<br>";
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

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

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value) {
  txt += value + "<br>";
}

JavaScript Array မြေပုံ()

နည်းလမ်း သည် map()array ဒြပ်စင်တစ်ခုစီတွင် လုပ်ဆောင်ချက်တစ်ခုကို လုပ်ဆောင်ခြင်းဖြင့် array အသစ်တစ်ခုကို ဖန်တီးသည်။

method သည် map()တန်ဖိုးများမပါဘဲ array element များအတွက် function ကို execute မလုပ်ပါ။

နည်းလမ်းသည် မူရင်း map()array ကို မပြောင်းလဲပါ။

ဤဥပမာသည် array တန်ဖိုးတစ်ခုစီကို 2 ဖြင့်မြှောက်သည်-

ဥပမာ

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
  return value * 2;
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

ပြန်ခေါ်သည့် လုပ်ဆောင်ချက်သည် တန်ဖိုးဘောင်မီတာကိုသာ အသုံးပြုသောအခါ၊ အညွှန်းနှင့် အခင်းအကျင်း ဘောင်များကို ချန်လှပ်ထားနိုင်သည်-

ဥပမာ

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value) {
  return value * 2;
}

JavaScript Array filter()

နည်းလမ်း သည် filter()စမ်းသပ်မှုတစ်ခုအောင်မြင်သည့် array အစိတ်အပိုင်းများဖြင့် array အသစ်တစ်ခုကို ဖန်တီးသည်။

ဤဥပမာသည် 18 ထက်ကြီးသောတန်ဖိုးရှိသော ဒြပ်စင်များမှ အခင်းအသစ်တစ်ခုကို ဖန်တီးသည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

အထက်ဖော်ပြပါ ဥပမာတွင်၊ ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်သည် အညွှန်းနှင့် array ဘောင်များကို အသုံးမပြုသောကြောင့် ၎င်းတို့ကို ချန်လှပ်ထားနိုင်သည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value) {
  return value > 18;
}

JavaScript Array လျှော့ချ()

method သည် reduce()တန်ဖိုးတစ်ခုတည်းကို ထုတ်လုပ်ရန် array element တစ်ခုစီတွင် function တစ်ခုကို လုပ်ဆောင်သည်။

နည်းလမ်း သည် reduce()array တွင် ဘယ်မှညာသို့ အလုပ်လုပ်သည်။ ကိုလည်းကြည့်ပါ reduceRight()။

နည်းလမ်းသည် မူလ reduce()အခင်းအကျင်းကို မလျှော့ပါ။

ဤဥပမာသည် array တစ်ခုတွင် ဂဏန်းအားလုံး၏ပေါင်းလဒ်ကို ရှာသည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}

function သည် အကြောင်းပြချက် 4 ခုယူသည်ကို သတိပြုပါ။

  • စုစုပေါင်း (ကနဦးတန်ဖိုး / ယခင်ပြန်ပေးသောတန်ဖိုး)
  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

အထက်ဖော်ပြပါ ဥပမာသည် အညွှန်းနှင့် array ဘောင်များကို အသုံးမပြုပါ။ ၎င်းကို ပြန်လည်ရေးသားနိုင်သည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

function myFunction(total, value) {
  return total + value;
}

နည်းလမ်း သည် reduce()ကနဦးတန်ဖိုးကို လက်ခံနိုင်သည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction, 100);

function myFunction(total, value) {
  return total + value;
}

JavaScript Array လျှော့ရန်Right()

method သည် reduceRight()တန်ဖိုးတစ်ခုတည်းကို ထုတ်လုပ်ရန် array element တစ်ခုစီတွင် function တစ်ခုကို လုပ်ဆောင်သည်။

reduceRight()array တွင် ညာမှဘယ်မှ အလုပ်လုပ်သည် ။ ကိုလည်းကြည့်ပါ reduce()။

နည်းလမ်းသည် မူလ reduceRight()အခင်းအကျင်းကို မလျှော့ပါ။

ဤဥပမာသည် array တစ်ခုတွင် ဂဏန်းအားလုံး၏ပေါင်းလဒ်ကို ရှာသည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}

function သည် အကြောင်းပြချက် 4 ခုယူသည်ကို သတိပြုပါ။

  • စုစုပေါင်း (ကနဦးတန်ဖိုး / ယခင်ပြန်ပေးသောတန်ဖိုး)
  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

အထက်ဖော်ပြပါ ဥပမာသည် အညွှန်းနှင့် array ဘောင်များကို အသုံးမပြုပါ။ ၎င်းကို ပြန်လည်ရေးသားနိုင်သည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);

function myFunction(total, value) {
  return total + value;
}

JavaScript Array every()

နည်းလမ်း သည် every()array တန်ဖိုးများအားလုံး စမ်းသပ်မှုတစ်ခု အောင်မြင်ခြင်းရှိမရှိ စစ်ဆေးပါ။

ဤနမူနာတွင် array တန်ဖိုးများအားလုံးသည် 18 ထက် ကြီးခြင်းရှိမရှိ စစ်ဆေးပါ-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

ဖုန်းပြန်ခေါ်သည့်လုပ်ဆောင်ချက်သည် ပထမကန့်သတ်ချက် (တန်ဖိုး) ကိုသာ အသုံးပြုသောအခါ၊ အခြားကန့်သတ်ချက်များကို ချန်လှပ်ထားနိုင်သည်-

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

function myFunction(value) {
  return value > 18;
}

JavaScript Array some()

အချို့သော array တန်ဖိုးများသည် စမ်းသပ်မှုတစ်ခု အောင်မြင်ခြင်း ရှိ၊ မရှိ စစ်ဆေး သည့် some()နည်းလမ်း။

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

ဥပမာ

const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

JavaScript Array indexOf()

နည်းလမ်း သည် indexOf()ဒြပ်စင်တန်ဖိုးအတွက် array တစ်ခုကို ရှာဖွေပြီး ၎င်း၏ အနေအထားကို ပြန်ပေးသည်။

မှတ်ချက် ။

ဥပမာ

"Apple" အကြောင်းအရာအတွက် ခင်းကျင်းတစ်ခုကို ရှာပါ-

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

အထားအသို

array.indexOf(item, start)
item Required. The item to search for.
start Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the end.

Array.indexOf() ပစ္စည်းကို ရှာမတွေ့ပါက -1 ကို ပြန်ပေးသည်။

ပစ္စည်းသည် တစ်ကြိမ်ထက်ပို၍ ရှိနေပါက၊ ၎င်းသည် ပထမဖြစ်ပေါ်မှု၏ အနေအထားကို ပြန်ပေးသည်။

JavaScript Array lastIndexOf()

Array.lastIndexOf()တူညီသည် Array.indexOf()၊ သို့သော် သတ်မှတ်ထားသော ဒြပ်စင်၏ နောက်ဆုံးဖြစ်ပျက်မှု အနေအထားကို ပြန်ပေးသည်။

ဥပမာ

"Apple" အကြောင်းအရာအတွက် ခင်းကျင်းတစ်ခုကို ရှာပါ-

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

အထားအသို

array.lastIndexOf(item, start)
item Required. The item to search for
start Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the beginning

JavaScript Array ရှာရန်()

find()နည်းလမ်းသည် စမ်းသပ်မှုလုပ်ဆောင်ချက်ကို ဖြတ်သန်းသည့် ပထမ array element ၏တန်ဖိုးကို ပြန်ပေးသည် ။

ဤဥပမာသည် 18 ထက်ကြီးသော ပထမဒြပ်စင် (တန်ဖိုးကို ပြန်ပေးသည်) ကို တွေ့ရှိသည်-

ဥပမာ

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

Browser ပံ့ပိုးမှု

find() ES6 အင်္ဂါရပ် (JavaScript 2015) ဖြစ်သည်။

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

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

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

JavaScript Array findIndex()

findIndex()နည်းလမ်းသည် စမ်းသပ်မှုလုပ်ဆောင်မှုကို ဖြတ်သန်းသည့် ပထမဆုံး array ဒြပ်စင်၏ အညွှန်းကို ပြန်ပေးသည် ။

ဤဥပမာသည် 18 ထက်ကြီးသော ပထမဒြပ်စင်၏ အညွှန်းကိန်းကို ရှာဖွေသည်-

ဥပမာ

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

function သည် အကြောင်းပြချက် 3 ခုယူသည်ကို သတိပြုပါ။

  • ပစ္စည်းတန်ဖိုး
  • ပစ္စည်းအညွှန်း
  • array သပ်သပ်

Browser ပံ့ပိုးမှု

findIndex() ES6 အင်္ဂါရပ် (JavaScript 2015) ဖြစ်သည်။

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

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

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


JavaScript Array.from()

နည်းလမ်းသည် အရှည် Array.from()ပိုင်ဆိုင်မှု သို့မဟုတ် ထပ်၍ရနိုင်သော အရာတစ်ခုပါရှိသော မည်သည့်အရာမှ Array အရာဝတ္ထုကို ပြန်ပေးသည်။

ဥပမာ

String တစ်ခုမှ Array တစ်ခုကို ဖန်တီးပါ

Array.from("ABCDEFG");

Browser ပံ့ပိုးမှု

from() ES6 အင်္ဂါရပ် (JavaScript 2015) ဖြစ်သည်။

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

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

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

JavaScript Array Keys()

နည်းလမ်း သည် Array.keys()Array Iterator အရာဝတ္ထုတစ်ခုကို array တစ်ခု၏သော့များဖြင့် ပြန်ပေးသည်။

ဥပမာ

Create an Array Iterator object, containing the keys of the array:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();

for (let x of keys) {
  text += x + "<br>";
}

Browser Support

keys() is an ES6 feature (JavaScript 2015).

It is supported in all modern browsers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

keys() is not supported in Internet Explorer.

JavaScript Array includes()

ECMAScript 2016 introduced Array.includes() to arrays. This allows us to check if an element is present in an array (including NaN, unlike indexOf).

Example

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.includes("Mango"); // is true

Syntax

array.includes(search-item)

Array.includes() allows to check for NaN values. Unlike Array.indexOf().

Array.includes() is not supported in Internet Explorer and Edge 12/13.

The first browser versions with full support are:

Browser Support

includes() is an ECMAScript 2016 feature.

It is supported in all modern browsers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes() is not supported in Internet Explorer.

Complete Array Reference

For a complete Array reference, go to our:

Complete JavaScript Array Reference.

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

❮ Previous Next ❯