اسکریپت سورس کد مربوط به عملیات CRUD در جاوااسکریپت: یک راهنمای جامع و کامل


در دنیای برنامه‌نویسی، عملیات CRUD، که مخفف Create، Read، Update و Delete است، نقش بسیار حیاتی و اساسی را ایفا می‌کند. این عملیات، پایه و اساس بسیاری از برنامه‌ها و سامانه‌های مدیریت داده‌ها را تشکیل می‌دهد. در این مقاله، قصد دارم به صورت جامع و کامل درباره ساخت، خواندن، به‌روزرسانی و حذف داده‌ها در جاوااسکریپت صحبت کنم، و همچنین نمونه‌هایی عملی و کاربردی ارائه دهم تا فهمیدن این مفاهیم آسان‌تر باشد.
ایجاد یک سیستم CRUD در جاوااسکریپت، اغلب در کنار تکنولوژی‌هایی مانند HTML و CSS برای ساخت رابط کاربری و همچنین با استفاده از پایگاه‌های داده یا آرایه‌های داخلی انجام می‌شود. در اینجا، تمرکز بر روی عملیات‌های پایه‌ای است که در حافظه موقت (مثل آرایه‌ها) انجام می‌شود، اما مفاهیم آن قابل تعمیم به بانک‌های اطلاعاتی و سرویس‌های سمت سرور هم است.
CREATE (ایجاد)
در عملیات Create، هدف این است که یک عنصر جدید یا رکورد جدید به مجموعه داده‌های موجود اضافه کنیم. در جاوااسکریت، این کار معمولاً با استفاده از متد push() روی آرایه‌ها انجام می‌شود. فرض کنید، یک آرایه داریم که لیستی از افراد است:
javascript  


let users = [];

حالا، اگر بخواهیم یک کاربر جدید اضافه کنیم، می‌توانیم به شکل زیر عمل کنیم:
javascript  


users.push({ id: 1, name: 'Ali', age: 25 });

در این نمونه، یک شیء جدید شامل شناسه، نام و سن کاربر به آرایه اضافه می‌شود. این عملیات بسیار ساده است، اما اهمیت زیادی دارد چون پایه شروع هر سیستم CRUD است.
READ (خواندن)
عملیات Read در واقع برای بازیابی و نمایش داده‌ها است. این عملیات می‌تواند به صورت مستقیم یا با فیلتر کردن مجموعه‌های داده انجام شود. فرض کنید، می‌خواهید اطلاعات تمام کاربران را ببینید:
javascript  


console.log(users);

اگر بخواهید کاربری خاص را پیدا کنید، می‌توانید متد find() را استفاده کنید:
javascript  


const user = users.find(user => user.id === 1);


console.log(user);

در این حالت، اولین کاربری که شناسه‌اش برابر با 1 است، پیدا و برگردانده می‌شود. عملیات خواندن به صورت پایه‌ای، نقش مهمی در نمایش داده‌ها و تعامل کاربر دارد.
UPDATE (به‌روزرسانی)
در عملیات به‌روزرسانی، قصد دارید اطلاعات موجود در مجموعه را تغییر دهید. فرض کنیم، می‌خواهید سن کاربری با شناسه 1 را تغییر دهید:
javascript  


const userIndex = users.findIndex(user => user.id === 1);


if (userIndex !== -1) {


    users[userIndex].age = 26;


}

در این نمونه، ابتدا اندیس کاربر مورد نظر پیدا ... ← ادامه مطلب در magicfile.ir