JS Массив /Array/

Нэг хувьсагчид олон утга олгох боломжийг array буюу массив олгодог.

var foods = ["Tsuivan", "Buuz", "Khuushuur"];

Массив гэж юу вэ?

Массив нь тусгай хувьсагч бөгөөд нэг хувьсагчид олон утга агуулдаг.
Дээрх хоолны жагсаалтыг хувьсагч тус бүрд дараах байдалтай хадгалж болно.

var food1 = "Tsuivan";
var food2 "Buuz";
var food3 "Khuushuur";

Гурван хоолны жагсаалтаас буузыг амархан олж болно. Гэвч 300-н нэр төрлийн хоол байвал яах вэ?

Үүний шийдэл нь Array Буюу Массив юм!

Массив нь олон утгыг нэг хувьсагчид агуулах боломжтой бөгөөд Индекс хаягаар утгад хандах боломжтой юм.

Массив үүсгэх

JavaScript-д массив ашиглах нь хялбар байдаг.

var массив_нэр = ["утга1", "утга2", ...];

var foods = ["Tsuivan", "Buuz", "Khuushuur"];

Зай авах болон мөрөөр таслах нь чухал биш, Мөрөөр тасалж үзье

var foods = [
"Tsuivan", 
"Buuz", 
"Khuushuur"
];

New түлхүүр үг ашиглах

NEW түлхүүр үгийг ашиглан Массив үүсгэж, утга олгож үзье.

var foods = new Array("Tsuivan", "Buuz", "Khuushuur");

Массивийн элементүүдэд хандах

Массивын элементэд хандахдаа index дугаараар ханддаг.
foods массивын эхний элементэд хандаж үзье. Index хаяг нь тэгээс эхэлдэг тул foods массивын эхний элемент [0] хаягт харгалзан байрлах болно.

var name = foods[0];

var foods = new Array("Tsuivan", "Buuz", "Khuushuur");
document.getElementById("test").innerHTML = foods[0];

Массивийн элементийг өөрчлөх

Массивын эхний элементийн өөрчилж үзье

var name = foods[0] = "Borsh";

var foods = new Array("Tsuivan", "Buuz", "Khuushuur");
foods[0] = "Borsh";
document.getElementById("test").innerHTML = foods[0];

Массивийн бүх элементэд хандах

Массивын бүх элементэд массивын нэрээр хандана.

var foods = ["Tsuivan", "Buuz", "Khuushuur"];
document.getElementById("test").innerHTML = foods;

Массивууд нь обьектууд юм

JavaScript-ийн typeof оператор массивыг "object" обьект гэж тодорхойлдог. Массив нь тусгай төрлийн обьект.
Массив нь тоо ашиглан элементэд ханддаг. 

var foods = new Array("Tsuivan", "Buuz", "Khuushuur");
document.getElementById("test").innerHTML = foods[0];

Объект нь "Гишүүдэд" хандахын тулд Нэр ашигладаг

var cars = {model:"Camry", year:"2015", color:"blue"};

Массивын элемент нь объект байж болно

JavaScript-н хувьсагч нь объектыг агуулж чадна.
Тэгэхлээр массив нь өөр өөр төрлийн хувьсагч агуулах боломжтой юм.
Массив нь объект, функц, массивыг агуулах боломжтой гэсэн үг юм.

array[0] = Date.now;
array[1] = fucction;
array[2] = Foods;

Массивын шинж чанар болон Method

JavaScript-н хүчирхэг хэрэгсэлүүдийн нэг бол яах араггүй массивын шинж чанар болон method-ууд юм.

var x = foods.length;
var y = foods.sort();

Дараагийн хичээлээр бид JavaScript Methods-н талаар илүү дэлгэрэнгүй үзэх болно.

Length шинж чанар

length шинж чанар нь массивын уртыг буюу массивд агуулагдаж буй элементийн тоог буцаана.

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
brands.lenght;    // Массивын урт 5 буюу 5-н төрлийн brands элемент байна.

Массивын эхний элементэд хандах

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
var brand = brands[0];    

Массивын сүүлийн элементэд хандах

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
var last_brand = brands[brands.length - 1];    

Массивын бүх элементийг давтаж харуулах

for давталт буюу цикл ашиглан массивийн бүх элементийг дэлгэцэд хэвлэж үзье.

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
var brandlen = brandslength;

text = "<ul>";
for (i = 0; i < brandlen; i++) {
text += "<li>" + brands[i] + "</li>";
}    
text += "</ul>";

Array.forEach() функцийг ашиглан дээрх үйлдлийг амархан шийдэж чадна.

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];

brandlen = "<ul>";
brands.forEach(myFunc);
brandlen += "</ul>";

function myFunc(value) {
brandlen +="<li>" + value + "</li>";
}

Массивт элемент нэмэх

push() methods-г ашиглан массивт маш хялбар аргаар элемент нэмэх боломжтой.

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
brands.push("Тусгалт");

length түлхүүр үг ашиглан массивт элемент нэмж болно

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
brands[brands.length] = "Тусгалт";

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
brands[10] = "Тусгалт";    // массивд индекс хаяг нь 10 харгалзах нүхэнд "Тусгалт" гэсэн утга олгож байна.

Associative буюу Ассоциатив массив

Нэртэй индекс бүхий массивыг олон програмчлалын хэл дэмждэг.
Нэрлэсэн индекс бүхий массивыг >Associative буюу Ассоциатив гэдэг.
Харин JavaScript-д массив нь үргэлж индекс хаягаар дугаарлагдсан байдаг.

var car = [];
car[0] = "Camry";
car[1] = "40"
car[2] = "2008"
var x = car.length;  // car.length нь 3 -г буцаана
var y = car[0]       // car[0] нь Camry -г буцаана

Массив болон Объектын ялгаа

JavaScript-д массив нь дугаарлагдсан индексийг ашигладаг.
JavaScript-д объект нь нэрлэсэн индексийг ашигладаг.

new Array() -аас зайлсхий

new Array() ашиглах шаардлагагүй. Шууд []-г ашиглаж болно

var car = new Array();    // Муу
var car = []              // Сайн

Массивыг хэрхэн таних вэ?

Хувьсагч нь массив мөн эсэхийг хэрхэн таних вэ?

typeof түлхүүр үгийн тусламжтай хувьсагчийн утгыг шалгаж болно. Хэрэв хувьсагчийн утга массив бол object төрлийг буцаана.

var brands = ["Nike", "Adidas", "Reebok", "Apple", "Microsoft"];
typeof brands;

Сэтгэгдэлүүд