Massivlar va obyektlar.

JavaScript
tilida hodisalar tizimi

JavaScript. Massivlar bir o'zgaruvchida bir

nechta qiymatlarni saqlash uchun ishlatiladi

Buxoro davlat universiteti

Amaliy matematika va dasturlash texnologiyalari
Kafedrasi katta o`qituvchisi: Xayatov Xurshidjon Usmanovich
var massiv = [item1, item2, ...];
var massiv = new Array(item1, item2, ...);
Misol
var cars = ["Saab", "Volvo", "BMW"];
var cars = new Array("Saab", "Volvo", "BMW");

Elementiga murojaat
var name = cars[0];
cars[0] = "Opel";

Misol
var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars[0];
Misol to`liq qiymatini olish
var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = cars;

JS da massiv elementlari Obyekt sifatida qaraladi

var person = ["John", "Doe", 46];
document.getElementById("demo").innerHTML = person[0];

JS da massiv elementlari Obyekt sifatida qaraladi

var person = {firstName:"John", lastName:"Doe", age:46};
document.getElementById("demo").innerHTML =
person["firstName"];
Massivda xususiyat va metodlar
var x = cars.length;
// The length property returns the number of elements
var y = cars.sort(); // The sort() method sorts arrays

length xususiyati – elementlar sonini aniqlaydi

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length; // the length of fruits is 4

Massiv oxirida element qo`shish

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Lemon");
// adds a new element (Lemon) to fruits
Massiv elementlari bo`yicha takrorlash
var fruits, text, fLen, i;

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

fLen = fruits.length;
text = "<ul>";
for (i = 0; i <fLen; i++) {
text += "<li>" + fruits[i] + "</li>";
}

Massiv oxirida element qo`shish

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Lemon";
// adds a new element (Lemon) to fruits
Assotsiativ massivlar – massiv indeksi so`zdan iborat.
Bo`sh massiv e`loni
var points = new Array(); // Bad
var points = []; // Good

var points = new Array(40, 100, 1, 5, 25, 10); // Bad

var points = [40, 100, 1, 5, 25, 10]; // Good

var points = new Array(40, 100);

// Creates an array with two elements (40 and 100)

var points = new Array(40);

// Creates an array with 40 undefined elements !!!!!
O`zgaruvchi massivligini aniqlash
var fruits = ["Banana", "Orange", "Apple", "Mango"];

Array.isArray(fruits); // returns true

O`zgaruvchi massivligini aniqlash (instanceof )

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

fruits instanceof Array // returns true

Massiv metodlari
toString() metodi – massivni satrga o`tkazadi
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML =
fruits.toString(); // Result Banana,Orange,Apple,Mango
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

join() metodi – massivni satrga o`tkazadi

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML =
fruits.join(" * "); // Banana * Orange * Apple * Mango
Massiv metodlari
pop() metodi – massivni oxirgi elementini o`chirish
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop(); // the value of x is "Mango"
push() metodi – massivni oxiriga elementni qo`shish (el soni)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// Adds a new element ("Kiwi") to fruits
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi"); // the value of x is 5
Massiv metodlari
shift() metodi – massivni boshidagi elementini o`chirish
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); // Returns "Banana"
unshift() metodi – massivni boshigi elementni qo`shish (el soni)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon"); // Returns 5
Massiv metodlari
massivni elementini almashtirish
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi"
Massivni oxiriga element qo`shish
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit
Massivni elementini o`chirish (indeksdagi qiymat aniqlanmagan)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined
Massiv metodlari
splice() metodi – 2-elementidan qo`shgin, 0 ta element o`chirilsin
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
splice() metodi – 0-elementidan, 1 ta element o`chirilsin
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
concat () metodi – birlashtirish
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
Massiv metodlari
concat () metodi – birlashtirish
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3

concat () metodi – birlashtirish

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);
Massiv metodlari
slice () metodi – ko`rsatilgan indeks va undan keyingilarini olish
var fruits =
["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
var fruits =
["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
slice (start,end) metodi – ko`rsatilgan indeks1 dan indeks2
gachalarini olish (indeks2 kirmaydi)
var fruits =
["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Massiv metodlari (Iteratsiya)
Array.forEach() metodi – massiv elementlari bo`yicha takrorla
var txt = 0;
var numbers = [4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(item, index, array) {

if(item%2==0)
txt = txt + item;
}
myFunction(qiymat, indeks, massiv o`zgaruvchisi)
Massiv metodlari (Iteratsiya)
Array.Map () metodi – massiv elementlari bo`yicha takrorla
var numbers1 = [4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {

return value * 2;
}

myFunction(qiymat, indeks, massiv o`zgaruvchisi)

Massiv metodlari (Iteratsiya)
Array.Filter() metodi – massiv elementlardan tanla
var numbers = [4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {

return value>= 16;
}

myFunction(qiymat, indeks, massiv o`zgaruvchisi)

Massiv metodlari (Iteratsiya)
Array.reduce() metodi – massiv elementlardan tanla
var numbers1 = [4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);

function myFunction(total, value, index, array) {

return total + value;
}

myFunction(umumiy,qiymat, indeks, massiv o`zgaruvchisi)

Umumiy – (joriy qiymat /oldin qaytarilgan qiymat)
Massiv metodlari (Iteratsiya)
Array. every () metodi – massiv barcha elementlari shartni
qanoatlantiradimi
var numbers = [4, 9, 16, 25, 29];
var allOver18 = numbers.every(myFunction);

function myFunction(value, index, array) {

return value> 18;
}

myFunction(qiymat, indeks, massiv o`zgaruvchisi)

Massiv metodlari (Iteratsiya)
Array. IndexOf (item, start) metodi – massivdan izlash boshidan
item – qiymat
start – indeks
Topolmasa -1 qaytaradi

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

var a = fruits.indexOf("Apple");

Array. lastIndexOf (item, start) metodi – massivdan izlash oxridan

item – qiymat
start – indeks
Topolmasa -1 qaytaradi
Massivni saralash (Tartiblash)
Array.sort() metodi –
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort(); // Sorts the elements of fruits
Array.reverse() metodi –
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort(); // First sort the elements of fruits
fruits.reverse();
// Then reverse the order of the elements
Massivni saralash (Tartiblash)
Array.sort() metodi –
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});
Array.sort() metodi –
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){ return b – a });
Massivni saralash (Tartiblash)
<button onclick="myFunction1()">Alifboli</button>
<button onclick="myFunction2()">Sonli</button>
<p id="demo"></p>
<script>
var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
function myFunction1() {
points.sort();
document.getElementById("demo").innerHTML = points;
}
function myFunction2() {
points.sort(function(a, b){return a - b});
document.getElementById("demo").innerHTML = points;
} </script>
Massivni saralash (Tartiblash)
var cars = [
{type:"Volvo", year:2016},
{type:"Saab", year:2001},
{type:"BMW", year:2010}];

cars.sort(function(a, b){return a.year - b.year});

cars.sort(function(a, b){
var x = a.type.toLowerCase();
var y = b.type.toLowerCase();
if (x <y) {return -1;}
if (x> y) {return 1;}
return 0;
});