Salom, bugun men Lodash nomli npm haqida gapirmoqchiman.

Boshlashdan oldin, menimcha, "Uyma va stack" ni eslatib o'tishimiz kerak. Ular JavaScript dvigateli xotirasi.

Stack: Statik xotira ajratish

Stack - bu JavaScript statik ma'lumotlarni saqlash uchun foydalanadigan ma'lumotlar tuzilmasi. Statik ma'lumotlar vosita kompilyatsiya vaqtida hajmini biladigan ma'lumotlardir. JavaScript-da bu ob'ektlar va funktsiyalarga ishora qiluvchi ibtidoiy qiymatlar (satrlar, raqamlar, mantiqiy qiymatlar, aniqlanmagan va null) va havolalarni o'z ichiga oladi.

Uyma: Dinamik xotira ajratish

Uyum - bu JavaScript ob'ektlar va funktsiyalarni saqlaydigan ma'lumotlarni saqlash uchun boshqa joy.

Stackdan farqli o'laroq, vosita ushbu ob'ektlar uchun qattiq xotira miqdorini ajratmaydi. Buning o'rniga, kerak bo'lganda ko'proq joy ajratiladi.

JavaScript-dagi havola

Barcha o'zgaruvchilar birinchi navbatda stekga ishora qiladi. Agar u ibtidoiy bo'lmagan qiymat bo'lsa, stek to'pdagi ob'ektga havolani o'z ichiga oladi.

Yig'ma xotirasi biron bir tarzda tartibga solinmagan, shuning uchun biz stekda unga havolani saqlashimiz kerak.

Ushbu ma'lumotlarning barchasidan so'ng, biz uni chuqur o'rganishimiz mumkin.

Biz biror narsani ishlab chiqqanimizda, API Response-da joylashgan ma'lumotlarni manipulyatsiya qilishimiz kerak bo'lishi mumkin. Bunday holda, biz ushbu ma'lumotlarni havolasiz nusxalashimiz kerak (bu massiv yoki ob'ekt bo'lishi mumkin). Ushbu talab uchun biz Lodashdan foydalanishimiz mumkin.

Lodash ma'lumotni havolasiz nusxalaydi va agar biz nusxalangan ma'lumotlarda biror narsani o'zgartirsak, asl ma'lumotlar himoyalangan.

Ekrandagi barcha ma'lumotlarni yangilashda chalkashmaslik uchun, agar biz uni manipulyatsiya qilishimiz kerak bo'lsa, to'g'ridan-to'g'ri API Response ma'lumotlaridan foydalanmasligimiz kerak.

Bundan tashqari, bizda faqat bitta ma'lumot bo'yicha ma'lumotlarni manipulyatsiya qilish uchun ko'proq talablar bo'lishi mumkin. Bunday holda, biz uni ishlatish uchun asosiy ma'lumotlarni nusxalashimiz kerak. Agar biz buni qilmasak, ehtimol keyingi bosqichda asosiy ma'lumotlardan foydalanmaymiz.

Lodash-dan foydalanishdan oldin biz ushbu paketni o'rnatishimiz kerak

npm install lodash

Yuklagandan so'ng, biz uni komponentimizning ts fayliga import qilishimiz kerak.

import { cloneDeep } from "lodash";

Va bizda turli xil havolalarga ega ikkita ma'lumot mavjud.

 
const copiedData = cloneDeep(this.originalData);

Ushbu barcha bosqichlardan so'ng biz nusxalangan ma'lumotlar ustida ishlashimiz va uni ekranda ko'rsatishimiz mumkin.

Umid qilamanki, bu maqola foydali bo'ldi. Qo'shimcha kontent uchun meni kuzatib boring.

Adabiyotlar: