Array(massiv)lar bilan ishlash uchun map() metodi

map() metodi arrayning har bir elementiga funksiyani qo'llash va shu funksiya natijalari asosida yangi arrayni qaytarish imkonini beradi.

Masalan, har bir elementi 1 ga oshirilgan yangi array ni quyidagicha hosil qilamiz.

const arr = [1, 2, 3];
const newArr = arr.map((element) => element + 1);
console.log(newArr); // [2, 3, 4]

map() metodi, shuningdek, ob'ektning har bir elementiga funksiyani qo'llash va ushbu funksiya natijalari asosida yangi ob'ektni qaytarish imkonini beradi.

Masalan, har bir keyning valuesi 1 ga oshirilgan yangi ob'ekt hosil qilamiz:

const obj = {a: 1, b: 2, c: 3};
const newObj = Object.fromEntries(
Object.entries(obj).map(([key, value]) => [key, value + 1])
);

console.log(newObj); // {a: 2, b: 3, c: 4}

map() metodidan foydalanish array va obyekt elementlarini manipulyatsiya qilishni osonlashtiradi va kodni o'qishni yaxshilaydi.

#map #metod

👉@js_bilim —Javascript eslatma va bilimlar kanali

.child ning eni qanday boʻladi?

Consoleda nima natija chiqadi?

Consoleda nima natija chiqadi?

Qanday natija chiqadi?

Consoleda nima natija chiqadi?

Navruz bayrami muborak bulsin barchaga 🌹🌹

Consoleda nima natija chiqadi?

JavaScriptda || (yoki) operatoridan foydalanib, o‘zgaruvchiga standart (default) qiymat berish mumkin

Agar o‘zgaruvchi null, undefined, false yoki 0 bo‘lsa, || operatori orqali unga oldindan belgilangan standart qiymat beriladi.

Masalan, odatiy shart orqali qiymat tayinlash:

if (x === undefined) {
  x = 'standart';
}

Buning o‘rniga quyidagi qisqaroq yozuvni ishlatish mumkin:

x = x || 'standart';

Bu qanday ishlaydi?

Agar x ning qiymati null, undefined, false, yoki 0 bo‘lsa, x ga 'standart' qiymati beriladi.

Agar x allaqachon biror qiymatga ega bo‘lsa va u "true" (rost) deb hisoblanadigan qiymat bo‘lsa, u holda x o‘zgarishsiz qoladi.


Misol:

let a;
console.log(a || 'salom'); // Natija: 'salom'

a = 'Hello';
console.log(a || 'salom'); // Natija: 'Hello'

Bu usul kodni soddalashtirish va tezroq yozish uchun juda foydali.

@js_bilim—Javascript eslatma va bilimlar kanali