JavaScript-da
Mana bir misol:
Ushbu misolda
🖥 Output
☝️ Lekin manfiy sonlar bilan boshqacha ishlaydi.
Masalan,
#JavaScript, #Number #operators
@Diyorbekk_dev
~~ operatori o'nli qismni kesish orqali raqamni butun songa aylantirib beradi. Bu Math.floor() bilan deyarli birxil ishlaydi, natijaga qisqa yo'l bilan erishiladi. Mana bir misol:
let number = 3.14159;Qolgan misollar rasimda keltirilgan.
console.log(~~number); // Output: 3
Ushbu misolda
~~ operatori number o'zgaruvchining o'nlik qismini olib tashlash va uni butun songa aylantirish uchun ishlatiladi. 🖥 Output
3.☝️ Lekin manfiy sonlar bilan boshqacha ishlaydi.
Masalan,
~~(-3.14159) siz kutganingizdek -4 o'rniga -3 ga olib outputga chiqadi. Shuning uchun Be Careful! #JavaScript, #Number #operators
@Diyorbekk_dev
In JavaScript, Truthy and Falsy elementlar ro'yhati.
You should memorize all. Bo'masa ishkal chiqadi. 🤦♂️
#JavaScript, #Falsy, #Truthy
@Diyorbekk_dev
You should memorize all. Bo'masa ishkal chiqadi. 🤦♂️
#JavaScript, #Falsy, #Truthy
@Diyorbekk_dev
Abdulaziz ustoz aytganidek. Bularni saxiy va baxl deb tushinsak bo'ladi.
&& saxiy — bu holatda ikkinchi qismga o'tkazib yuboriladi.
|| baxl — bu holatda esa ikkinchi qismga o'tkazmaydi.
#JavaScript, #operators
@Diyorbekk_dev
&& saxiy — bu holatda ikkinchi qismga o'tkazib yuboriladi.
|| baxl — bu holatda esa ikkinchi qismga o'tkazmaydi.
#JavaScript, #operators
@Diyorbekk_dev
Problem-1 🟢 Easy
Butun sonlar massivi va butun son ko'rinishida target berilgan. Berilgan arrayni istalgan ikkita elementi yig'indisi targetga teng bolgan holatdagi, o'sha ikki elementlarni index qaytarilsin!
Siz har bir kirishda aynan bitta yechim bo'ladi deb taxmin qilishingiz mumkin va siz bir xil elementni ikki marta ishlata olmaysiz.
Javobni istalgan tartibda qaytarishingiz mumkin.
Example: Input: [2, 7, 11, 15], target = 9
Output: [0, 1]
Explanation: Chunki nums[0] + nums[1] == 9, we return [0, 1].
#JavaScript #LeetCode #Problems
@Diyorbekk_dev
Butun sonlar massivi va butun son ko'rinishida target berilgan. Berilgan arrayni istalgan ikkita elementi yig'indisi targetga teng bolgan holatdagi, o'sha ikki elementlarni index qaytarilsin!
Siz har bir kirishda aynan bitta yechim bo'ladi deb taxmin qilishingiz mumkin va siz bir xil elementni ikki marta ishlata olmaysiz.
Javobni istalgan tartibda qaytarishingiz mumkin.
Example: Input: [2, 7, 11, 15], target = 9
Output: [0, 1]
Explanation: Chunki nums[0] + nums[1] == 9, we return [0, 1].
#JavaScript #LeetCode #Problems
@Diyorbekk_dev
❤🔥2
Problem-2 🟢 Easy
Butun son berilgan x, agar x palindrome bo'lsa true, aks holda false qaytarilsin.
Palindrome number: O'ngdan chapga, chapdan o'nga bir xil o'qilishi kerak.
Input: x = 121
Output: true
Explanation: 121 reads as 121 from left to right and from right to left.
#JavaScript #LeetCode #Problems #HackerRank
@Diyorbekk_dev
Butun son berilgan x, agar x palindrome bo'lsa true, aks holda false qaytarilsin.
Palindrome number: O'ngdan chapga, chapdan o'nga bir xil o'qilishi kerak.
Input: x = 121
Output: true
Explanation: 121 reads as 121 from left to right and from right to left.
#JavaScript #LeetCode #Problems #HackerRank
@Diyorbekk_dev
❤1👍1
👨🏻💻Bugun sizlar bilan JavaScript dagi array metodlari haqida gaplashamiz.
Daftar ruchkalarni tayyorlab qo'ying!
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
Daftar ruchkalarni tayyorlab qo'ying!
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
❤🔥2
JavaScriptda massivlarni (array) manipulyatsiya qilish uchun ishlatilishi mumkin bo'lgan bir nechta o'rnatilgan usullar yani metodlar mavjud.
Quyida ko’p ishlatiladigan metodlar keltirilgan:
1. push(): massiv oxiriga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
2. pop(): massivdan oxirgi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
3. shift(): massivdan birinchi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
4. unshift(): massiv boshiga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
Quyida ko’p ishlatiladigan metodlar keltirilgan:
1. push(): massiv oxiriga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
2. pop(): massivdan oxirgi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
3. shift(): massivdan birinchi elementni olib tashlaydi va uni qaytaradi.
Returns: O’chirilgan element.
4. unshift(): massiv boshiga bir yoki bir nechta element qo‘shadi.
Returns: Element qo’shilganidan so’ng o’sha arrayning uzunligini qaytaradi.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
❤🔥2
5. concat(): Ikki yoki undan ortiq massivni birlashtiradi va yangi massivni qaytaradi.
Returns: Birlashgan elementlarni ichiga olgan yangi massive qaytaradi.
6. slice(): Asl massivning bir qismini o‘z ichiga olgan yangi massivni qaytaradi.
Returns: Tanlangan elementlarni o’z ichiga olgan yangi massive qaytaradi.
7. forEach(): Bu massivdagi har bir elementni takrorlash va har bir elementda funksiyani bajarish imkonini beradi.
Returns:
8. map(): Bu asl massivning har bir elementida taqdim etilgan funksiyani chaqirish orqali yangi massiv yaratadi.
Returns: A new array containing the results of applying the provided function to each element.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
Returns: Birlashgan elementlarni ichiga olgan yangi massive qaytaradi.
6. slice(): Asl massivning bir qismini o‘z ichiga olgan yangi massivni qaytaradi.
Returns: Tanlangan elementlarni o’z ichiga olgan yangi massive qaytaradi.
7. forEach(): Bu massivdagi har bir elementni takrorlash va har bir elementda funksiyani bajarish imkonini beradi.
Returns:
undefined.8. map(): Bu asl massivning har bir elementida taqdim etilgan funksiyani chaqirish orqali yangi massiv yaratadi.
Returns: A new array containing the results of applying the provided function to each element.
#Array, #array_methods, #JavaScript
@Diyorbekk_dev
❤🔥4
JavaScriptdan qo'shimcha qisqacha ma'lumot.
Objectdagi eng ohirgi property "," bilan tugashi mumkin. Bu "Trailling" or "Hanging" comma deyilar ekan.
#JavaScript #object
@Diyorbekk_dev
Objectdagi eng ohirgi property "," bilan tugashi mumkin. Bu "Trailling" or "Hanging" comma deyilar ekan.
#JavaScript #object
@Diyorbekk_dev
❤3🔥1
Asynchronous_JavaScript_promise,_callbacks_async_await_@Diyorbekk.pdf
587.3 KB
Yuqoridagi berilgan ovozlardan yana xulosa qilsa bo‘ladi. JavaScript-dagi ajralib turadigan, tushunish uchun murakkab bo‘lgan mavzular ekanligini. Aytmoqchimanki aynan bittasi sezilarli darajada ajralib turgani yo'q.
Sizlarga Promise bergandim, shu tanlangan topik bo‘yicha o‘zbek tilidan kontent tayyorlayman deb. Uni ustiga mavzu ham promise-lar haqida bo‘lib qoldi. 😅
Kontent esa tayyor. Siz shunchaki o‘qib olsangiz bo‘lgani. Iloji boricha soddaroq qilib tushuntirishga harakat qildim.
Qolgan mavzularni berilgan foiziga qarab kamayib borish tartibida barchasiga maqola yozib chiqmoqchiman.
Kamchiliklar xatolar bo‘lsa aytish esdan chiqmasin, bu sizni keyingi yoziladigan maqolaga qo‘shgan hissangiz bo‘ladi.
Sharing qilish esdan chiqmasin yana!😉
#article #JavaScript #Promise #async #await #callback
@Diyorbekk_dev
Sizlarga Promise bergandim, shu tanlangan topik bo‘yicha o‘zbek tilidan kontent tayyorlayman deb. Uni ustiga mavzu ham promise-lar haqida bo‘lib qoldi. 😅
Kontent esa tayyor. Siz shunchaki o‘qib olsangiz bo‘lgani. Iloji boricha soddaroq qilib tushuntirishga harakat qildim.
Qolgan mavzularni berilgan foiziga qarab kamayib borish tartibida barchasiga maqola yozib chiqmoqchiman.
Kamchiliklar xatolar bo‘lsa aytish esdan chiqmasin, bu sizni keyingi yoziladigan maqolaga qo‘shgan hissangiz bo‘ladi.
Sharing qilish esdan chiqmasin yana!😉
#article #JavaScript #Promise #async #await #callback
@Diyorbekk_dev
🔥2❤🔥1
#JavaScript
How do you decode or encode a URL in JavaScript?
Note: If you want to encode characters such as / ? : @ & = + $ # then you need to use
@Diyorbekk_dev
How do you decode or encode a URL in JavaScript?
encodeURI()function is used to encode an URL. This function requires a URL string as a parameter and return that encoded string.
decodeURI()function is used to decode an URL. This function requires an encoded URL string as parameter and return that decoded string.
Note: If you want to encode characters such as / ? : @ & = + $ # then you need to use
encodeURIComponent().
@Diyorbekk_dev
#JavaScript
What is memoization ?
Memoization is a technique used in computer programming to optimize the performance of a function by caching its results based on its input parameters.
The goal is to avoid redundant computations for the same set of inputs.
on the picture, a simple example of adding function with memoization in JavaScript .
@Diyorbekk_dev
What is memoization ?
Memoization is a technique used in computer programming to optimize the performance of a function by caching its results based on its input parameters.
The goal is to avoid redundant computations for the same set of inputs.
on the picture, a simple example of adding function with memoization in JavaScript .
@Diyorbekk_dev
🆒2
#javascript
Modules refer to small units of independent, reusable code and also act as the foundation of many JavaScript design patterns. Most of the JavaScript modules export an object literal, a function, or a constructor.
Why do you need modules ?
Below are the list of benefits using modules in javascript ecosystem
1) Maintainability
2) Reusability
3) Namespacing
@Diyorbekk_dev
Modules refer to small units of independent, reusable code and also act as the foundation of many JavaScript design patterns. Most of the JavaScript modules export an object literal, a function, or a constructor.
Why do you need modules ?
Below are the list of benefits using modules in javascript ecosystem
1) Maintainability
2) Reusability
3) Namespacing
@Diyorbekk_dev
❤🔥1🔥1
Octane + Other Frameworks
Octane’ni shunchaki React’ga alternativ compiler deb qarash kamlik qiladi.
Hozir u bir nechta framework bilan native integration’larni taklif qilmoqda:
Astro - Octane components’ni Astro Islands sifatida ishlatish, SSR va
Docusaurus - MDX, routes, plugins va content workflow’ni saqlagan holda Octane renderer’dan foydalanish.
TanStack Start - file-based routing, server functions, streaming SSR, hydration va Vite build workflow’lari bilan full-stack Octane application qurish.
Eng qiziq joyi mavjud React 19 project’ni ham birdaniga ko‘chirish shart emas.
Doc: Octane Framework Integrations
For Next JS coming soon!
#OctaneJS #React #Astro #TanStack #JavaScript #WebDevelopment
Octane’ni shunchaki React’ga alternativ compiler deb qarash kamlik qiladi.
Hozir u bir nechta framework bilan native integration’larni taklif qilmoqda:
Astro - Octane components’ni Astro Islands sifatida ishlatish, SSR va
client:* directives bilan.Docusaurus - MDX, routes, plugins va content workflow’ni saqlagan holda Octane renderer’dan foydalanish.
TanStack Start - file-based routing, server functions, streaming SSR, hydration va Vite build workflow’lari bilan full-stack Octane application qurish.
Eng qiziq joyi mavjud React 19 project’ni ham birdaniga ko‘chirish shart emas.
octane/react orqali Octane components’ni project’ga bosqichma-bosqich qo‘shish mumkin.Doc: Octane Framework Integrations
For Next JS coming soon!
#OctaneJS #React #Astro #TanStack #JavaScript #WebDevelopment
Octane
Octane — React's programming model, compiled
React's programming model, compiled ahead of time. No VDOM, no rules of hooks.
🔥2❤1