JavaScript Essential Tranning Part 7

Arrays မ်ားအားဖန္တီးေရးသားျခင္း

ဒါက variable တစ္ခုတည္းကိုေရးျပထားတာပါ
var singleValue;
singleValue = 99 ;
                                        singleValue
                                  -------------------------
 Single Value = 99 ; => |       99               |
                                  -------------------------
                       
Variables အမ်ားၾကီးဆိုရင္ေတာ႔ Array ပံုစံနဲ႔ေအာက္ကလိုမ်ိဳးသံုးနိုင္ပါတယ္
var multipleValues = [] ;

                          multipleValues
              ----------------------------------------------------
            |   [0]                 50                           | => mulitpleValue[0] = 50;
              _________________________________
            |   [1]                 60                           | => multipleValue[1] = 60;
              _________________________________
            |   [2]                Mouse                       | => multipleValue[2] ="Mouse";
              _________________________________
             
သတိျပဳရမွာက index က 0 ကေနတာစတာပါပဲ႔ zero base index ေပါ႔ဗ်ာ
ကၽြန္ေတာ္က Mouse ကို Output ထုတ္ခ်င္တယ္ဆိုရင္ေတာ႔ ဒီလိုေရးမွာပါ
Console.log(multipleValue[2]);
အေပၚကေရးခဲ႔တာကိုရွင္းေအာင္ျပန္ေရးၾကည္႔မယ္

var multipleValues = [] ;
multipleValue[0] = 50 ;
multipleValue[1] = 60 ;
multipleValue[2] = "Mouse";

ဒါကရွင္းေအာင္ေရးေပမယ္႔ စာေၾကာင္းနည္းနည္းမ်ားေနတယ္ တိုေအာင္ထပ္ေရးၾကည္႔မယ္

var multipleValues= [ 50 , 60 , "Mouse" ] ;
                            [0] ,[1] ,  [2]       => index က 0 ကေနစတာေနာ္
                           
Array ပံုစံအမ်ိဳးမ်ိဳးရွိပါတယ္ ေလ႔လာၾကည္႔ရေအာင္

var multipleValues = [] ;                    // ကၽြန္ေတာ္အၾကိဳက္ဆံုးေရးနည္းပါ
var multipleValues = new Array();        // Array ဆိုတာ object ပါ
var multipleValues = Array() ;
var multipleValues = Array(5) ;

ေနာက္ျပီး Array ရဲ႕ properties အေၾကာင္း

var multipleValues = [ 10 , 20 , 30 , 40 , 50 ];

ကၽြန္ေတာ္က array ထဲမွာ length ဘယ္နွစ္ခုရွိလဲသိခ်င္တယ္ ဒီေတာ႔ ဒီလိုေရးမယ္

Console.log(multipleValues.length);

အေျဖကေတာ႔ length အေနထားအရ 5 ခုထြက္မွာပါ အျမင္႔ဆံုး index က 0 ကစတယ္ဆိုေတာ႔ 4 ျဖစ္သြားမွာပါ

Properties ရွိရင္ Method လည္းရွိမွာေပါ႔ 

Array Method

someFunction(params);          //function ကိုေခၚဖို႔အတြက္အသံုးျပဳပါတယ္

object ထဲမွာရွိတဲ႔ function ကို method လို႔ေခၚပါတယ္
someObject.someMethod();          //method ကိုေခၚဖို႔အတြက္ပါ

var multipleValues = [ 10 , 20 , 30 , 40 , 50 ] ;
var reversedValues = multipleValues.reverse();
var reversedValues = multipleValues.join();
var reversedValues = multipleValues.sort();

လိုခ်င္တဲ႔ method ကိုအဆင္ေျပသလိုေျပာင္းသံုးနိုင္ပါတယ္
console.log(reversedValues.join());
javascript ထဲမွာ array က ဘယ္ေနရာမွာမဆိုရွိနိုင္ပါတယ္
ဥပမာ anchor link လိုမ်ိဳးေပါ႔ webpage တစ္ခုမွာ link ေတြအမ်ားၾကီးရွိပါတယ္

var myArrayOfLinks = document.getElementsByTagName("a");

                                        myArrayOfLinks
                                      _______________________
                                    | [0] <a href="somePage..   |
                                      -------------------------------------
                                    | [1] <a href="otherPage..   |
                                      -------------------------------------
                                    | [2] <a href="http://www..  |
                                      -------------------------------------
                                    | [3] <a href="#.. "            |
                                      ______________________
အဆင္ေျပၾကပါေစ
Written by cyberoot
www.cyberoot.blogspot.com
Member of MHU Team