DEV Community

Mirabbos
Mirabbos

Posted on

Function and loop in JS

Function

JavaScriptda funksiyalarni e'lon qilishning bir necha usullari bor. Asosiy usullari quyidagilar:

  • Function Declaration
  • Function Expression
  • Arrow Function

Har bir usulning o'ziga xos afzalliklari va qo'llanish joylari bor. Keling har birini misollar bilan tushuntirib beraman.

1. Function Declaration

Funksiya e'lon qilish - bu funksiyani o'z e'lon qilingan joyidan oldin ham chaqirish mumkin.

// Funksiya e'lon qilish
function greet(name) {
    return `Hello, ${name}!`;
}

// Funksiyani chaqirish
console.log(greet("Mirabbos")); // Hello, Mirabbos!
Enter fullscreen mode Exit fullscreen mode

2. Function Expression (Funksiya ifodasi)

Function Expression - bu funksiyani o'zgaruvchiga tenglashtirish orqali aniqlash usulidir. Bunda funksiya o'z e'lon qilinganidan keyin chaqirilishi mumkin.

// Funksiya
const greet = function(name) {
    return `Hello, ${name}!`;
};

// Funksiyani chaqirish
console.log(greet("Mirakbar")); // Hello, Mirakbar!
Enter fullscreen mode Exit fullscreen mode

Image description

3. Arrow Function (Strelka funksiyasi)

Arrow funksiyasi - bu qisqa va soddalashtirilgan funksiyani yozish usulidir. Ular function kalit so'zidan foydalanmaydi va kontekstni (this qiymatini) o'zgarishiga imkon bermaydi, shuning uchun this boshqa o'zgaruvchilarga ko'ra boshqacha ishlaydi.

// Arrow funksiyasi
const greet = (name) => {
    return `Hello, ${name}!`;
};

// Yana ham qisqa ko'rinish
const greetShort = name => `Hello, ${name}!`;

// Funksiyani chaqirish
console.log(greet("Sevara")); // Hello, Sevara!
console.log(greetShort("Mirabkar")); // Hello, Mirabkar!
Enter fullscreen mode Exit fullscreen mode

Image description

Loop

JavaScriptda bir nechta turdagi looplar mavjud bo'lib, ular kodni qayta-qayta bajarishga imkon beradi. Asosiy looplar quyidagilar:

  • for loop
  • while loop
  • do while loop
  • for in loop
  • for of loop

Har birini misollar bilan ko'rib chiqamiz.

1. for Loop

for loop kiritilgan shart bajarilgan vaqtgacha qayta-qayta ishlaydi.

// 1 dan 5 gacha bo'lgan sonlarni chop etish
for (let i = 1; i <= 5; i++) {
    console.log(i);
}
Enter fullscreen mode Exit fullscreen mode

Image description

2. while Loop

while loop berilgan shart true bo'lganda bajariladi.

// 1 dan 5 gacha bo'lgan sonlarni chop etish
let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}
Enter fullscreen mode Exit fullscreen mode

Image description

3. do while Loop

do while loop kamida bir marta bajariladi va keyin shart true bo'lsa qayta bajariladi.

// 1 dan 5 gacha bo'lgan sonlarni chop etish
let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);
Enter fullscreen mode Exit fullscreen mode

Image description

4. for in Loop

for in loop obyektdagi barcha o'zgaruvchilar (properties) orqali aylanish uchun ishlatiladi.

// Obyekt ichidagi barcha keylar
const person = {
    name: "Mirabbos",
    age: 25,
    city: "Tashkent"
};

for (let key in person) {
    console.log(key + ": " + person[key]);
}
Enter fullscreen mode Exit fullscreen mode

5. for of Loop

for of loop iteratsiya qilinadigan (array, string) obyektlarning elementlari orqali aylanish uchun ishlatiladi.

// Array ichidagi barcha elementlarni chop etish
const numbers = [1, 2, 3, 4, 5];

for (let number of numbers) {
    console.log(number);
}
Enter fullscreen mode Exit fullscreen mode

Image description

Top comments (0)