DEV Community

Mirabbos
Mirabbos

Posted on

2 1 1 1 1

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

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more