DEV Community: Davron

C++ birinchi dars

Davron — Fri, 07 Jun 2024 12:14:03 +0000

Bugun sizlar bilan c++ ni organishni oshlaymiz.
C++ da cout buyrug'i.

bu kodda korishiz mumkin:

#include <iostream>
using namespace std;

int main(){


    //cout << "Test";
      cout << "AAAA";
    return 0;
}

@dawroun

Stack Data Structure part 1

Davron — Tue, 15 Nov 2022 11:17:03 +0000

Stack bu LIFO(last in first out) yoki FILO(first in last out) patterni bo'yicha ishlaydigan linear data struktura.

Bu Data strukturani stack deb nomlanishi sabab, bular haqiqiy to'plamdek ishlashidir misol uchun, kartalar va plastiklar to'plami kabi.
Stack bu cheklangan joyga ega abstract ma'lumot turidir.
Bu elementlarni qo'shish yoki olib tashlash imkonini beruvchu oddiy data struktura.
Tartib LIFO yoki FILO bo'lishi mumkin.

Digital example of stack:

Standart stack operations:

What is Algorithm in C++?

Davron — Tue, 15 Nov 2022 10:44:51 +0000

Algoritm - ma'lum bir muammoni hal qilish yoki hisob kitob amalga oshirish uchun qo'llaniladigan protsess yoki qoidalar to'plami.

Algoritmlar odatda quyidagi belgilarga ega:

Input: 0 yoki bir necha inputlar;
Output: 1 yoki undan ortiq outputlar;
Aniqlik: Aniq va sodda instruksiyalar;
Cheklanganlik: Cheklangan miqdordagi instruksiyalar;
Effectiveness: Har bir instruksiyani umumiy jarayon uchun katta ta'siri bor.

Hayotiy misol:

Limonad tayyorlash jarayoni.

Dasturlashdan misol:

Abstract Data Type(ADT)

Davron — Tue, 15 Nov 2022 10:19:17 +0000

Abstract Data Type nima?

Ds'larni ko'rib/ tekshirib chiqishning 2 usuli mavjud:

Mathematical/Logical/Abstract Views.
Implementation.

ADTlar ma'lumotlar va operatsiyalarning ta'riflari bo'lgan, ammo ishga tushirish mumkin bo'lmagan ob'ektlardir.

ADTs are entities that are definitio of data and operations but don't have implementation details.

Ya'ni biz qanday ma'lumot saqlayotganimizni va bu ma'lumotlar bilan qanday amallar bajarishimiz mumkinligini bilamiz ammo bu bu data strukturalarni hali ishga tushirmadik.

Har bir dasturlash tilining data strukturalarning ishga tushirilish usullari/yo'llari mavjud. Misol uchun biror DS C dasturlash tilida struct orqali ishga tushirilsa boshqa dasturlash tili (Java, C#) da ayni shu DS object orqali ishga tushirilishi mumkin.

Hayotiy misol:

Agar ushbu misolda boshqa dasturlash tilida yozilgan bo'lganda, faqatgina implementation view o'zgarar edi holos, Abstract/logical view o'zgarmayid. Bundan kelib chiqadiki, dasturlash tiliga qarab implementation har xil bo'lishi mumkin.

Data structure example:

Abstract data type bu qanday ma'lumotni qay tarzda salash va keyinchalik unga qanday qilib murojaat qilish mumkinligi haqida umumiy tushuncha berish.

C++ da Data structuralar va Algoritmlar

Davron — Tue, 15 Nov 2022 06:45:02 +0000

Data Structura nima?

DS - bu computer science sohasining eng muhim subjectlaridan biri bo'lib, agar siz kuchli software va dasturlash yaratishni hohlasangiz bu subjectni bilishingiz zarur bo'ladi.

Tarif:

Dasturlashda DS bu ma'lumotni foydalanishga qulay usulda yaratish, boshqarish va saqlashdir.

Oddiy qilib aytganda DS - ma'lumotlarni qay tarzda kumpyuterimizga saqlashimizdir.

Data Sftructuralar bu data type(int, char, etc.) lar emas, phyisical entitylar emas, ular shunchaki spesifikatsiyalardir ya'ni biz kompyuterimizdagi ma'lumotlarni oson ishlata olishimiz uchun joriy etgan qoidalar to'plami.

DS'lar nima uchun kerak?

har bir ds(data struktura) ma'lumotni maxsus holatda saqlanishi uchun hizmat qiladi.
har bir maxsus ds faqatgina ma'lum bir muammolar uchun yaratiladi.
DS judayam ko'p ma'lumotlar bilan imkonini beradi, misol uchun juda katta database(malumotlar bazasi) yoki hash table.

Lug'atni real-world na'muna qilib oladigan bo'lsak, har bir harf uchun so'zlar ajratib qo'yilgan.

Ushbu misolda esa, haritadagi joylashuv X va Y koordinatalari orqali belgilanad va ushbu holatda ma'lumotlar ham X va Y ko'rinishida saqlangan.

ARRAY

Array bu - har bir elementiga ularning indexlari orqali murojaat qilish mumkin bo'lgan faqat bir hil tipdagi ma'lumotlar to'plami. Array DS'ning sodda bir ko'rinishidir.

Oddiy C++ array ni ko'rib chiqamiz:

C++ Problems for Loop

Davron — Mon, 13 Jun 2022 14:38:15 +0000

Natija:

1 
2 4 
3 6 9 
4 8 12 16 
5 10 15 20 25 
6 12 18 24 30 36 
7 14 21 28 35 42 49 
8 16 24 32 40 48 56 64 
9 18 27 36 45 54 63 72 81 
10 20 30 40 50 60 70 80 90 100

Kod:

#include <iostream>
using namespace std;

int main() {

  for(int i = 1; i <= 10; i++){
    for(int j = 1; j<=i; j++){
      cout << i*j << " ";
    }
    cout << "\n";
  }

  return 0;
  }

C++ bo'yicha masalalar ishlashda davom etamiz!

Telegram ❤️ kanalga a'zo bo'lishni unutmang!

C++. Loopga doir masalalar. Yulduzchalar.

Davron — Mon, 30 May 2022 12:05:55 +0000

Yulduzchalar yordamida diamond shape chop etish.

Natija:

      *
     ***
    *****
   *******
  *********
 ***********
*************
 ***********
  *********
   *******
    *****
     ***
      *

Kod:

#include<iostream>
using namespace std;

int main()
{
    int i, j, rowNum, space;
    cout<<"Enter the Number of Rows: ";
    cin>>rowNum;
    space = rowNum-1;
    for(i=1; i<=rowNum; i++)
    {
        for(j=1; j<=space; j++)
            cout<<" ";
        space--;
        for(j=1; j<=(2*i-1); j++)
            cout<<"*";
        cout<<endl;
    }
    space = 1;
    for(i=1; i<=(rowNum-1); i++)
    {
        for(j=1; j<=space; j++)
            cout<<" ";
        space++;
        for(j=1; j<=(2*(rowNum-i)-1); j++)
            cout<<"*";
        cout<<endl;
    }
    cout<<endl;
    return 0;
}

Savollar va takliflaringizni Telegram ❤️ orqali qoldirishingiz mumkin.

C++ Loopga doir masalalar. Chap Pascal Uchburchagi.

Davron — Mon, 30 May 2022 11:53:44 +0000

Raqamlardan foydalanib Chap Pascal Uchburchagini chop etish.

Natija (inputga 7 kiritildi deb tasavvur qilinsin):

            1 
          1 2 
        1 2 3 
      1 2 3 4 
    1 2 3 4 5 
  1 2 3 4 5 6 
1 2 3 4 5 6 7 
  1 2 3 4 5 6 
    1 2 3 4 5 
      1 2 3 4 
        1 2 3 
          1 2 
            1

Kod:


    cout << "Chap Paskal Uchburchagi qatorlari sonini kiriting = ";
    cin >> qatorlar;

    cout << "Chap Paskal Uchburchak shakli\n"; 

    for(i = 1; i <= qatorlar; i++)
    {
        for(j = i; j < qatorlar; j++)
            {
          cout << "  ";
        }
        for(k = 1; k <= i; k++)
          {
            cout << k << " ";
          }
        cout << "\n";
    }   

    for(i = qatorlar; i >= 1; i--)
    {
        for(j = i; j <= qatorlar; j++)
        {
            cout << "  ";
        }
        for(k = 1; k < i; k++)
        {
            cout << k << " ";
        }
        cout << "\n";
    }

    return 0;
}

Savol va Takliflar uchun Telegram ❤️.

C++ Loopga doir masalalar!

Davron — Mon, 30 May 2022 11:22:08 +0000

(*) belgisidan foydalanib yarim piramidani chop etuvchi dastur.

Natija:

*
* *
* * *
* * * *
* * * * *

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = 1; i <= qatorlar; ++i)
    {
        for(int j = 1; j <= i; ++j)
        {
            cout << "* ";
        }
        cout << "\n";
    }
    return 0;
}

Raqamlardan foydalanib yarim piramidani chop etuvchi dastur.

Natija:

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = 1; i <= qatorlar; ++i)
    {
        for(int j = 1; j <= i; ++j)
        {
            cout << j <<" ";
        }
        cout << "\n";
    }
    return 0;
}

Harflar yordamida yarim piramida chop etish.

Natija:

A
B B
C C C
D D D D
E E E E E

Kod:

#include <iostream>
using namespace std;

int main()
{
    char input, alphabet = 'A';

    cout << "Eng ohirgi qatorda chop etilishini hohlagan harfingizni kiriting: ";
    cin >> input;

    for(int i = 1; i <= (input-'A'+1); ++i)
    {
        for(int j = 1; j <= i; ++j)
        {
            cout << alphabet << " ";
        }
        ++alphabet;

        cout << endl;
    }
    return 0;
}

(*) belgisi yordamida teskari yarim piramidani chop etish.

Natija:

* * * * *
* * * *
* * * 
* *
*

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = qatorlar; i >= 1; --i)
    {
        for(int j = 1; j <= i; ++j)
        {
            cout << "* ";
        }
        cout << endl;
    }

    return 0;
}

Raqamlar yordamida teskari yarim piramidani chop etish.

Natija:

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = qatorlar; i >= 1; --i)
    {
        for(int j = 1; j <= i; ++j)
        {
            cout << j << " ";
        }
        cout << endl;
    }

    return 0;
}

To'liq piramidani (*) belgisi yordamida chop etish.

Natija:

        *
      * * *
    * * * * *
  * * * * * * *
* * * * * * * * *

Kod:

#include <iostream>
using namespace std;

int main()
{
    int space, qatorlar;

    cout <<"Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = 1, k = 0; i <= qatorlar; ++i, k = 0)
    {
        for(space = 1; space <= qatorlar-i; ++space)
        {
            cout <<"  ";
        }

        while(k != 2*i-1)
        {
            cout << "* ";
            ++k;
        }
        cout << endl;
    }    
    return 0;
}

Raqamlar yordamida piramida chop etish.

Natija:

        1
      2 3 2
    3 4 5 4 3
  4 5 6 7 6 5 4
5 6 7 8 9 8 7 6 5

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar, count = 0, count1 = 0, k = 0;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = 1; i <= qatorlar; ++i)
    {
        for(int space = 1; space <= qatorlar-i; ++space)
        {
            cout << "  ";
            ++count;
        }

        while(k != 2*i-1)
        {
            if (count <= qatorlar-1)
            {
                cout << i+k << " ";
                ++count;
            }
            else
            {
                ++count1;
                cout << i+k-2*count1 << " ";
            }
            ++k;
        }
        count1 = count = k = 0;

        cout << endl;
    }
    return 0;
}

(*) belgisi yordamida teskari to'liq piramidani chop etish.

Natija:

* * * * * * * * *
  * * * * * * *
    * * * * *
      * * *
        *

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = qatorlar; i >= 1; --i)
    {
        for(int space = 0; space < qatorlar-i; ++space)
            cout << "  ";

        for(int j = i; j <= 2*i-1; ++j)
            cout << "* ";

        for(int j = 0; j < i-1; ++j)
            cout << "* ";

        cout << endl;
    }

    return 0;
}

Paskal uchburchagini chop etish.

Natija:

           1
         1   1
       1   2   1
     1   3   3    1
   1  4    6   4   1
 1  5   10   10  5   1

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar, coef = 1;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = 0; i < qatorlar; i++)
    {
        for(int space = 1; space <= qatorlar-i; space++)
            cout <<"  ";

        for(int j = 0; j <= i; j++)
        {
            if (j == 0 || i == 0)
                coef = 1;
            else
                coef = coef*(i-j+1)/j;

            cout << coef << "   ";
        }
        cout << endl;
    }

    return 0;
}

Floyd uchuburchagini chop etish.

Natija:

Kod:

#include <iostream>
using namespace std;

int main()
{
    int qatorlar, number = 1;

    cout << "Qatorlar sonini kiriting: ";
    cin >> qatorlar;

    for(int i = 1; i <= qatorlar; i++)
    {
        for(int j = 1; j <= i; ++j)
        {
            cout << number << " ";
            ++number;
        }

        cout << endl;
    }

    return 0;
}

Savollar va takliflaringizni Telegram ❤️ orqali qoldirishingiz mumkin.

TailwindCSS o'rganishni boshlang!

Davron — Thu, 26 May 2022 12:42:21 +0000

Nima uchun siz TailwindCSS ishlatishingiz kerak?

Kirish.

Agar siz veb-dasturchi bo'lsangiz, siz TailwindCSS haqida eshitgansiz. Bu dasturchilarga veb-saytlarni tez yaratish va o'zgartirish imkonini berish uchun Atomic CSS tamoyillaridan foydalanadigan yordamchi dasturlarga asoslangan CSS framework'dir. Ammo veb-saytlar yaratish uchun yana bir yangi tizimni o'rganishga arziydimi? Ushbu maqolada men TailwindCSS nima ekanligini va nima uchun uni o'rganishga vaqt sarflashga arziydiganligini tushuntirib beraman.

Ishlatishga oson:
TailwindCSS - bu sizga kerakli stilni osongina yaratish imkonini beruvchi CSS framework, ya'ni CSS ramka. Siz uni istalgan framework, veb-sayt yoki loyiha bilan ishlatishingiz mumkin. Oddiy sintaksisi va tuzilishi tufayli uni o'rganish va tushunish ham oson. Aynan shu narsa TailwindCSS-ni CSS ramkalari (yoki umuman olganda, front-end) bilan ko'p tajribaga ega bo'lmagan, lekin ulardan foydalanishni boshlashni xohlaydigan yangi boshlanuvchilar uchun ajoyib tanlov aylantiradi; tajribali foydalanuvchilar esa uni sintaksisi va proyekt boshlash osonligini hurmat qilishadi.

- TailwindCSS bilan sizning CSS faylingiz hajmi Bootstrap-dan kichikroq bo'ladi:
TailwindCSS dan foydalanishingiz kerakligini ikkinchi sababi bu fayl hajmi Bootstrap ishlatilgan fayl hajmidan kichikroq bo'lishidir. Bootstrap bilan siz barcha JS fayllarini, standart HTML shablonlarini va CSS stillarini kiritishingiz kerak bo'ladi. Buning umumiy hajmi 6 MB dan oshishi mumkin!

Endi buni TailwindCSS bilan solishtiramiz: siz faqat bitta faylni (css/tailwind.min.css fayli) qo'shishingiz kerak, uning hajmi atiga 1 KB! U butun veb-saytingiz uchun barcha kerakli uslublarni o'z ichiga oladi, boshqa komponentlar yoki keraksiz xususiyatlardan tashqari. Bu sizning sahifangizni Bootstrap yoki Foundation & Semantic UI kabi boshqa framework'lardan foydalanishdan ko'ra tezroq yuklashga hizmat qiladi, chunki brauzer tomonidan kamroq ma'lumot yuklab olinadi!

- Class nomlarini o'qilishi oson va tushinarli:
TailwindCSS bilan sizning class nomlaringiz qisqa, tavsifli va o'qish oson. Ularni eslab qolish ham oson.

TailwindCSS CSS yozishni ancha osonlashtiradi, chunki u loyihangiz davomida foydalanishingiz mumkin bo'lgan oddiy o'zgaruvchilardan iborat. Bu foydalanuvchilar uchun juda qulay va Autoprefixer, tarmoq tizimi, animatsiyalar va boshqalar kabi ko'plab xususiyatlarga ega!

Ushbu frameworkdan foydalanishning eng yaxshi tomoni shundaki, ular bir-biri bilan ishlashlari uchun yangi CSS classlarini yozishingiz shart emas - ular shunchaki ishga tushishlari mumkin!

Bootstrapga qaraganda uni sozlash osonroq va samaraliroq!

TailwindCSS'ning eng katta afzalligi bu uning soddaligidir. Ushbu frameworkni ishlab chiqaruvchilar, "dasturchilar o'z komponentlarini ishlab chiqishlari uchun yuzlab qator kodni ko'zdan kechirib chiqishlari shart emas" degan g'oyani ilgari surgan holda ishlab chiqarishgan.Chunki, asosiy komponentlar juda tushunarli yozilgan va ochiq manba boʻlgani uchun ularni oʻzgartirish va sozlash oson — har safar yangi narsani xohlayotganingizda amerikani qaytadan ixtiro qilishingiz shart emas!

Hulosa!

Ha, yuqoridagi sabablar tufayli hoziroq TailwindCSS'dan foydalanishni boshlashingiz kerak. Bu sizning rivojlanishingizni tezlashtiradigan va ilovangizdagi uslublarni boshqarishni osonlashtiradigan ajoyib vositadir. Agar TailwindCSS haqida ko'proq ma'lumot olishni hohlasangiz izohlarda fikringizni qoldiring!

Har qanday savollar uchun Telegram ❤️

Javascript array methods!

Davron — Wed, 25 May 2022 13:30:29 +0000

Boshladik!

1.concat()

Bu massiv boshqa massiv(lar) va/yoki qiymat(lar) bilan birlashtirilgan yangi massivni qaytaradi.

const mevalar = ['🍉', '🍎', '🍒', '🍌'];
const sabzavotlar = ['🧅', '🌽', '🥕', '🥑'];

// 1. concat()
const food = mevalar.concat(sabzavotlar); // ["🍉", "🍎", "🍒", "🍌", "🧅", "🌽", "🥕", "🥑"]

2.copyWithin()

Massiv ichidagi massiv elementlari ketma-ketligini ko'chiradi/nusxalaydi.

// 2. copyWithin()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const fruitsCopy = mevalar.copyWithin(0, 2); // ["🍒", "🍌", "🍒", "🍌"]

3.every()

Agar ushbu massivdagi har bir element funksiyasi shartiga javob bersa, true qiymatini qaytaradi.

// 3. every()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const allBananas = mevalar.every(meva => meva === '🍌'); // false

4. fill()

Massivning barcha elementlarini boshlang'ich indeksdan yakuniy indeksgacha statik qiymat bilan to'ldiradi.

// 4. fill()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const lemons =  mevalar.fill('🍋'); // ["🍋", "🍋", "🍋", "🍋"]

5. filter()

Taqdim etilgan filtrlash funksiyasi true qiymatini qaytaradigan chaqiruvchi massivning barcha elementlarini o'z ichiga olgan yangi massivni qaytaradi.

// 5. filter()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const onlyBananas = ['🍉', '🍎', '🍌', '🍌'].filter(meva => meva === '🍌'); // ["🍌", "🍌"]

6. find()

Agar massivdagi ba'zi element funksiyasi shartiga javob bersa massivdagi topilgan elementni qaytaradi yoki topilmasa, undefined qaytaradi.

// 6. find()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const cherry = mevalar.find(meva => meva === '🍒'); // "🍒"

7. findIndex()

Agar massivdagi element funksiya shartiga javob bersa, topilgan indeksni, javob bermasa, -1 ni qaytaradi.

// 7. findIndex()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const cherryIndex = mevalar.findIndex(meva => meva === '🍒'); // 2

8. forEach()

Massivdagi har bir element uchun funksiyani chaqiradi.

// 8. forEach()
const sabzavotlar = ['🧅', '🌽', '🥕', '🥑'];

sabzavotlar.forEach(sabzavot => console.log(sabzavot));
// "🥦"
// "🌽"
//  "🥕"
//  "🥑"

9. includes()

Berilgan qiymat massivda bor yo'qligini aniqmaydi va mos ravishda true yoki false qiymat qaytaradi.

// 9. includes()
const sabzavotlar = ['🧅', '🌽', '🥕', '🥑'];

const includesCorn = sabzavotlar.includes('🌽'); // true
const includesTomato = sabzavotlar.includes('🍅'); // false

10. join()

Massivning barcha elementlarini string'ga birlashtiradi.

// 10. join()
const sabzavotlar = ['🧅', '🌽', '🥕', '🥑'];

const vegetablesGroup = sabzavotlar.join(''); // "🥦🌽🥕🥑"

11. map()

Ushbu massivdagi har bir element uchun chaqirilgan funksiyaning natijalarini o'z ichiga olgan yangi massivni qaytaradi.

// 11. map()
const sabzavotlar = ['🧅', '🌽', '🥕', '🥑'];

const doubledVegetables = sabzavotlar.map(sabzavot => sabzavot + sabzavot); 
// ["🥦🥦", "🌽🌽", "🥕🥕", "🥑🥑"]

12. push()

Massiv oxiriga bir yoki bir nechta element qo‘shadi va massivning yangi uzunligini qaytaradi.

// 12. push()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

mevalar.push('🥝'); // ["🍉", "🍎", "🍒", "🍌", "🥝"]

13. reverse()

Massiv elementlarining joydagi tartibini o‘zgartiradi.

// 13. reverse()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const reversedFruits = mevalar.reverse(); // ["🍌", "🍒", "🍎", "🍉"]

14. slice()

Chaqiriluvchi massivning bir qismini chiqaradi va yangi massivni qaytaradi.

// 14. slice()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

mevalar.slice(2); // ["🍒", "🍌"]

15. some()

Agar ushbu massivdagi kamida bitta element funksiya shartiga javob bersa, true qiymatini qaytaradi.

// 15. some()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

const bananaExists = mevalar.some(meva => meva === '🍌')); // true

sort() Massiv elementlarini joyida saralaydi va massivni qaytaradi.

// 16. sort()
const mevalar = ['🍉', '🍎', '🍒', '🍌', '🍉', '🍉', '🍒', '🍎', '🍌'];
mevalar.sort(); // ["🍉", "🍉", "🍉", "🍌", "🍌", "🍎", "🍎", "🍒", "🍒"]

17. splice()

Massivga elementlarni qo‘shadi va/yoki o‘chiradi.

// 17. splice()
const mevalar = ['🍉', '🍎', '🍒', '🍌'];

mevalar.splice(2, 1, '🥝'); // ["🍉", "🍎", "🥝", "🍌"]

Agar maqola sizga manzur bo'lgan bo'lsa, ❤️ bosishni unutmang!

Agar qandaydir savolingiz bo'lsa ushbu Telegram ❤️ orqali bog'laning!

call(), apply(), bind() in Javascript

Davron — Wed, 25 May 2022 11:43:27 +0000

Javscriptda funksiya va qo'shimcha metodlarga prototip orqali qiymat o'rnatish bu juda ajoyib! ..... Ammo biz bunga qanday etishyapmiz?

this kalit so'zi orqali albatta!

Avval this kalit so'zini yaqindan tanib olishimiz uchun biroz vaqt ketdi, ammo u qanday ishlashini bilib olganimizdan keyin tushundikki this kalit so'zi bu Javascriptda judayam foydali feature.

this kalit so'zi doim funksiya ichida ishlatiladi va o'zi ishlatilingan funksiyani chaqiruvchi yagona obyektga murojaat qiladi.

Biroq, hayot ham mukammal emas. Ba'zida this reference yo'qotib qo'yamiz. Bunday vaziyatda this kalit so'ziga havolani qaytarish uchun turli hil hack ishlatishimizga to'g'ri keladi.

Ho'sh, shunday vaziyatda eng to'g'ri yechim nima?

call(), apply(), bind() - yangi umid beradi!

Hozirgacha biz funksiyalarni nomdan (ixtiyoriy, anonim funksiya ham boʻlishi mumkin) va u chaqirilganda bajaradigan koddan tashkil topgan obyektlar sifatida koʻrib chiqdik. Lekin bu haqiqat emas. Haqiqatni sevuvchi inson sifatida sizga shuni aytishim kerakki, funktsiya aslida quyidagi rasmga yaqinroq:

Bu nima? Xavotir olmang! Endi biz har bir funktsiyada uchraydigan 3 ta o'xshash usullarni misollar bilan ko'rib chiqamiz. Tayyormisiz?!

bind()

bind() metodi yangi funktsiyani yaratadi, u chaqirilganda this kalit so'z berilgan unga qiymatga o'rnatiladi.

this nihoyatda kuchli. Funksiya chaqirilganda bu metod bizga this kalit so'zini aniq qiymatini aniqlashga imkon beradi. Ushbu kodni ko'rib chiqamiz:

var pokemon = {
    firstname: 'Davron',
    lastname: 'Abduhakimov ',
    getPokeName: function() {
        var fullname = this.firstname + ' ' + this.lastname;
        return fullname;
    }
};

var pokemonName = function() {
    console.log(this.getPokeName() + 'I choose you!');
};

var logPokemon = pokemonName.bind(pokemon); // yangi obyekt yaratadi va pokemon ni bog'laydi. pokemondagi 'this' kalit so'zi endi === pokemon.

logPokemon(); // 'Davron Abduhakimov I choose you!'

Keling endi ushbu kodni bo'laklarga ajratib chiqamiz. bind() metodidan foydalanganimizda:
1.JS yangi pokemonName namunasini yaratmoqda pokemonni uning this o'zgaruvchisi sifatida bog'lamoqda. Bu pokemonName funksiyasini nusxasi ekanini tushunish muhimdir.

2.PokemonName funksiyasining nusxasini yaratgandan so'ng, u dastlab pokemon obyektida bo'lmagan bo'lsa ham, logPokemon() ni chaqira oladi. Endi u pokemon obyektining xususiyatlari(Davron va Abduhakimov) va medotlarini taniydi.

Qizig'i shundaki, biz bind() orqali bog'laganimizdan so'ng, biz funktsiyadan xuddi boshqa har qanday oddiy funksiya kabi foydalanishimiz mumkin. Biz hatto parametrlarni qabul qilish va o'tkazish uchun funktsiyani yangilashimiz mumkin:

var pokemon = {
    firstname: 'Davron',
    lastname: 'Abduhakimov ',
    getPokeName: function() {
        var fullname = this.firstname + ' ' + this.lastname;
        return fullname;
    }
};

var pokemonName = function(snack, hobby) {
    console.log(this.getPokeName() + 'I choose you!');
    console.log(this.getPokeName() + ' loves ' + snack + ' and ' + hobby);
};

var logPokemon = pokemonName.bind(pokemon); // yangi obyekt yaratadi va pokemon ni bog'laydi. pokemondagi 'this' kalit so'zi endi === pokemon.

logPokemon('sushi', 'algorithms'); // Davron Abduhakimov  loves sushi and algorithms

call(), apply()

call() metodi funksiyani berilgan this qiymat va alohida berilgan argumentlar bilan birga chaqiradi.

Bu shuni anglatadiki, biz har qanday funksiyani chaqira olamiz va va chaqirilayotgan funksiya ichida this kalit so'zi nimaga murojaat qilayotganini aniq ko'rsatishimiz mumkin. bind() metodiga juda o'xshash.

bind() va call() metodlari orasidagi asosiy farq shundaki, call() metodi:

Qo'shimcha parametrlar ham qabul qiladi.
Darhol chaqirilgan funktsiyani ishga tushiradi.
call() metodi chaqirilayotgan funksiyaning nusxasini yaratmaydi.

call() va apply() deyarli bir hil. Ularning ishlashi o'rtasidagi yagona farq shundaki, call() barcha parametrlarni alohida-alohida qabul qilinishini kutadi, apply() esa barcha parametrlarni array sifatida kutadi, Misol:

    firstname: 'Davron',
    lastname: 'Abduhakimov ',
    getPokeName: function() {
        var fullname = this.firstname + ' ' + this.lastname;
        return fullname;
    }
};

var pokemonName = function(snack, hobby) {
    console.log(this.getPokeName() + ' loves ' + snack + ' and ' + hobby);
};

pokemonName.call(pokemon,'sushi', 'algorithms'); // Davron Abduhakimov loves sushi and algorithms
pokemonName.apply(pokemon,['sushi', 'algorithms']); // Davron Abduhakimov  loves sushi and algorithms

Har bir JS funktsiyasida mavjud bo'lgan bu built-in metodlar juda foydali. Agar siz ularni kundalik dasturlashda qo'llamasangiz ham, boshqa dasturchilarning kodini o'qiyotganingizda unga tez-tez duch kelasiz.

Savollaringiz bo'lsa, har doimgidek Instagram ❤ yoki Telegram ❤ orqali bog'laning.

DEV Community: Davron

C++ birinchi dars

Stack Data Structure part 1

Standart stack operations:

What is Algorithm in C++?

Hayotiy misol:

Dasturlashdan misol:

Abstract Data Type(ADT)

Abstract Data Type nima?

Hayotiy misol:

Data structure example:

C++ da Data structuralar va Algoritmlar

Data Structura nima?

Tarif:

DS'lar nima uchun kerak?

ARRAY

Oddiy C++ array ni ko'rib chiqamiz:

C++ Problems for Loop

Natija:

Kod:

C++. Loopga doir masalalar. Yulduzchalar.

Yulduzchalar yordamida *diamond shape * chop etish.

C++ Loopga doir masalalar. Chap Pascal Uchburchagi.

Raqamlardan foydalanib Chap Pascal Uchburchagini chop etish.

C++ Loopga doir masalalar!

(*) belgisidan foydalanib yarim piramidani chop etuvchi dastur.

Raqamlardan foydalanib yarim piramidani chop etuvchi dastur.

Harflar yordamida yarim piramida chop etish.

(*) belgisi yordamida teskari yarim piramidani chop etish.

Raqamlar yordamida teskari yarim piramidani chop etish.

To'liq piramidani (*) belgisi yordamida chop etish.

Raqamlar yordamida piramida chop etish.

(*) belgisi yordamida teskari to'liq piramidani chop etish.

Paskal uchburchagini chop etish.

Floyd uchuburchagini chop etish.

TailwindCSS o'rganishni boshlang!

Nima uchun siz TailwindCSS ishlatishingiz kerak?

Kirish.

Hulosa!

Javascript array methods!

Boshladik!

1.concat()

2.copyWithin()

3.every()

4. fill()

5. filter()

6. find()

7. findIndex()

8. forEach()

9. includes()

10. join()

11. map()

12. push()

13. reverse()

14. slice()

15. some()

17. splice()

call(), apply(), bind() in Javascript

bind()

call(), apply()

Yulduzchalar yordamida diamond shape chop etish.