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

CREATE، READ، UPDATE، DELETE (CRUD) در برنامه‌نویسی جاوااسکریپت: راهنمای جامع

در دنیای توسعه وب، عملیات CRUD نقش اساسی و بنیادی را ایفا می‌کنند. این چهار عملیات، ستون فقرات هر برنامه‌ای هستند که با داده‌ها کار می‌کند و برای مدیریت بانک‌های اطلاعاتی، برنامه‌های سمت سرور، و حتی برنامه‌های سمت کاربر اهمیت دارند. در این مقاله، قصد داریم به صورت کامل و جامع، مفهوم، پیاده‌سازی، و کاربردهای این عملیات را در قالب اسکریپت‌های جاوااسکریپت بررسی کنیم، تا بتوانید در پروژه‌های خود از آن بهره‌مند شوید.

مفهوم عملیات CRUD

قبل از هر چیز، باید درک درستی از هر یک از این عملیات داشته باشیم.
- Create (ساخت): این عملیات مربوط به افزودن داده‌های جدید است. فرض کنید می‌خواهید یک کاربر جدید ثبت کنید، یا یک پست جدید در سایت قرار دهید، در همه حالت‌ها، این عملیات نقش اصلی را دارد.
- Read (خواندن): عملیات خواندن، یعنی دریافت و نمایش داده‌ها. مثلا، لیستی از کاربران، جزئیات یک محصول، یا پیام‌های موجود در یک چت.
- Update (به‌روزرسانی): زمانی که نیاز دارید اطلاعات موجود را تغییر دهید، این عملیات وارد عمل می‌شود. مثلا، تغییر نام کاربری، اصلاح قیمت محصول، یا به‌روزرسانی وضعیت سفارش.
- Delete (حذف): حذف داده‌های غیرضروری یا منقضی، نقش این عملیات است. مثلا، حذف نظرات قدیمی، یا حذف حساب کاربری.
این چهار عملیات، در کنار هم، یک سیستم کامل و انعطاف‌پذیر برای مدیریت داده‌ها را تشکیل می‌دهند.

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

در این بخش، قصد داریم نمونه‌های عملیاتی و کدهای نمونه را بررسی کنیم. فرض کنیم یک برنامه ساده داریم که داده‌ها را در قالب آرایه‌ای از اشیاء نگهداری می‌کند. این آرایه، نماینده‌ی دیتابیس کوچک و فرضی است.

javascript  
let data = [
{ id: 1, name: "Ali", age: 25 },
{ id: 2, name: "Sara", age: 30 },
{ id: 3, name: "Reza", age: 22 }
];

1. عملیات Create

برای افزودن یک آیتم جدید، نیاز است که یک تابع بنویسید که داده جدید را به آرایه اضافه کند. معمولا، باید شناسه یکتا (ID) برای هر آیتم تولید کنید.

javascript  
function createRecord(name, age) {
const newId = data.length ? data[data.length - 1].id + 1 : 1;
const newRecord = { id: newId, name: name, age: age };
data.push(newRecord);
}

با فراخوانی این تابع، آیتم جدید به آرایه اضافه می‌شود.

2. عملیات Read

برای نمایش داده‌ها، می‌توانید از توابع ساده بهره ببرید. مثلا، لیست تمام کاربران:

javascript  
function readAll() {
return data;
}

همچنین، می‌توانید داده خاصی را بر اساس شناسه پیدا کنید:

javascript  
function readById(id) {
return data.find(item => item.id === id);
}

3. عملیات Update

برای تغییر داده‌ها، باید آیتم مورد نظر را پیدا و سپس فیلدهای آن را تغییر دهید.

javascript  
function updateRecord(id, newName,...  ← ادامه مطلب در magicfile.ir