اسکریپت سورس کد در مورد Create, Read, Update, Delete (CRUD) با استفاده از جاوا اسکریپت JavaScript


در دنیای برنامه‌نویسی، عملیات‌های CRUD نقش اساسی و بنیادین دارند، مخصوصاً وقتی صحبت از توسعه برنامه‌های تحت وب و یا برنامه‌های سمت سرور و سمت کاربر می‌شود. این عملیات‌ها، پایه و اساس هر سیستم مدیریت داده‌های مدرن هستند و به توسعه‌دهندگان کمک می‌کنند تا بتوانند به راحتی، داده‌ها را ایجاد، خواندن، به‌روزرسانی و حذف کنند. در این مقاله، قصد دارم به صورت جامع و کامل، مفاهیم، پیاده‌سازی، و نمونه کدهای مربوط به عملیات CRUD در زبان برنامه‌نویسی جاوا اسکریپت را بررسی کنم.
در ابتدا، بیایید مفهوم هر یک از این عملیات‌ها را مرور کنیم:
- Create (ایجاد): این عملیات مسئول افزودن داده‌های جدید است. در برنامه‌های وب، این عملیات معمولاً با فرم‌هایی انجام می‌شود که کاربران اطلاعات خود را وارد می‌کنند و این داده‌ها به پایگاه‌داده یا ساختار داده‌ای ذخیره می‌شوند.

- Read (خواندن): این بخش مربوط به بازیابی و نمایش داده‌ها است. در بیشتر برنامه‌ها، کاربر نیاز دارد تا داده‌ها را مشاهده کند، چه در قالب لیست، جدول، یا هر نوع نمای دیگر.

- Update (به‌روزرسانی): این عملیات برای ویرایش داده‌های موجود است. پس از مشاهده و بررسی اطلاعات، کاربر ممکن است نیاز داشته باشد تا داده‌ها را تغییر دهد یا اصلاح کند.

- Delete (حذف): این عملیات مسئول حذف داده‌های ناخواسته یا قدیمی است، که در نتیجه، ساختار داده‌ای یا پایگاه داده پاک یا اصلاح می‌شود.
حال، در کنار مفاهیم کلی، باید بدانیم که چگونه این عملیات‌ها را در زبان جاوا اسکریپت پیاده‌سازی کنیم. جاوا اسکریپت، به عنوان یکی از محبوب‌ترین زبان‌های برنامه‌نویسی سمت کاربر و سرور، امکانات بی‌نظیری را برای مدیریت عملیات‌های CRUD فراهم می‌کند، به‌خصوص هنگامی که با تکنولوژی‌های مختلف مانند DOM، Fetch API، یا حتی بانک‌های اطلاعاتی مانند IndexedDB و Local Storage کار می‌کنیم.

پیاده‌سازی عملیات CRUD در جاوا اسکریپت




برای شروع، فرض کنید قصد داریم یک برنامه ساده بنویسیم که داده‌ها را در حافظه موقت نگه می‌دارد، یا به عبارتی، در یک آرایه جاوااسکریپت. این آرایه نمایانگر مجموعه‌ای از آیتم‌ها، مثلاً کاربران یا محصولات است.
در ادامه، نمونه کدهای عملیاتی CRUD را برای این آرایه مرور می‌کنیم. این کدها، قابلیت‌های ایجاد، خواندن، به‌روزرسانی و حذف را به صورت مرحله‌به‌مرحله پیاده می‌کنند.
---
  1. ساخت آرایه اولیه (Data Array):
    javascript

let dataItems = [

{ id: 1, name: "Item 1", description: "Description for item 1" },

{ id: 2, name: "Item 2", description: "Description for item 2" },

{ id: 3, name: "Item 3", description: "Description for item 3" }

];


در اینجا، آرایه‌ای داریم که هر آیتم شامل شناسه، نام و توضیح است. این آرایه، نقش پایگاه داده در این نمونه ساده را دارد.
---
  1. عملیات Create (ایجاد):
    برای افزودن آیتم جدید، باید یک تابع بنویسیم که آیتم را به آرایه اضافه کند. مثلا:
    javascript

function addItem(name, description) {

const newId = dataItems.length ? dataItems[dataItems.length - 1].id + 1 : 1;

const newItem = { id: newId, name: name, description: description };

dataItems.push(newItem);

console.log("Item added:", newItem);

}


در این تابع، ابتدا شن... ← ادامه مطلب در magicfile.ir