شما می توانید یک عنصر آرایه را به روش های مختلف حذف کنید، بنابراین مطمئن شوید که مناسب ترین را برای شرایط خود انتخاب کرده اید.
آرایه ها یکی از ساختارهای داده رایجی هستند که در جاوا اسکریپت با آنها تعامل خواهید داشت. هنگام حذف یک آیتم از یک آرایه، روش های مختلفی در اختیار شما وجود دارد. همه چیز به این بستگی دارد که عنصری که می خواهید حذف کنید کجاست و چگونه می خواهید آن را شناسایی کنید.
ببینید راه های مختلف حذف یک عنصر آرایه جاوا اسکریپت، چه در ابتدا، چه در پایان یا جایی در میان باشد.
1. اولین عنصر را از یک آرایه حذف کنید
برای حذف اولین عنصر در یک آرایه، از متد ()shift داخلی جاوا اسکریپت استفاده کنید. با حذف آیتم و سپس جابجایی نمایه های همه موارد باقی مانده، خارج از جعبه کار می کند.
پس از حذف آیتم، متد shift آن را برمی گرداند. یعنی می توانید عنصر حذف شده را به متغیر دیگری اختصاص دهید و در صورت تمایل بعداً از آن استفاده کنید.
در اینجا به این صورت است:
const demoArray = [1, 2, 3, 4, 5];
const firstElement = demoArray.shift();
console.log(demoArray); // logs [2, 3, 4, 5]
console.log(firstElement); // logs 1
2. آخرین عنصر را از یک آرایه حذف کنید
جاوا اسکریپت دارای یک متد pop() داخلی برای حذف آخرین آیتم در یک آرایه است. مانند متد ()shift، pop() آیتم حذف شده را از آرایه برمی گرداند.
const demoArray = [1, 2, 3, 4, 5];
const lastElement = demoArray.pop();
console.log(demoArray); // logs [1, 2, 3, 4]
console.log(lastElement); // logs 5
Shift و pop دو تا از متداول‌ترین روش‌های آرایه جاوا اسکریپت هستند، اما فقط می‌توانند شما را تا اینجای کار هدایت کنند. جدای از این دو، چندین روش وجود دارد که به شما دقت بیشتری در مورد عناصری که حذف می کنید، می دهد.
3. با استفاده از Delete Operator
از طرف دیگر، می‌توانید از عملگر حذف جاوا اسکریپت برای حذف یک عنصر آرایه در یک شاخص خاص استفاده کنید. با این حال، بر خلاف روش‌های دیگری که قبلاً به آنها نگاه کرده‌ایم، یک مشکل وجود دارد.
عملگر حذف فقط مقدار را حذف می کند و یک آرایه با یک شکاف خالی در شاخص آن باقی می گذارد. با این حال، طول آرایه اصلی ثابت می ماند، حتی اگر آخرین عنصر را حذف کنید.
const demoArray = [1, 2, 3, 4, 5];
delete demoArray[2];
console.log(demoArray[2]); // logs undefined
console.log(demoArray.length); // logs 5
console.log(demoArray); // logs [1, 2, empty, 4, 5]
4. یک عنصر آرایه را بر اساس مقدار حذف کنید
همچنین می توانید یک آیتم آرایه خاص را بر اساس مقدار حذف کنید. هیچ روش داخلی برای انجام این کار وجود ندارد، اما می توانید دو روش موجود را برای انجام این کار ترکیب کنید: indexOf() و splice().
این دو به شما این امکان را می دهند که یک عنصر خاص را از یک آرایه بدون داشتن شاخص حذف کنید. ابتدا، با پیدا کردن شاخص عنصر مورد علاقه با استفاده از indexOf():
const demoArray = [1, 2, 3, 4, 5];
const targetElementIndex = demoArray.indexOf(4);
console.log(targetElementIndex); // logs 3
متد indexOf شاخص اولین وقوع ارزشی را که ارائه می‌کنید، برمی‌گرداند، حتی اگر مقدار بیش از یک بار وجود داشته باشد. اگر هیچ عنصر منطبقی پیدا نکرد، indexOf -1 را برمی‌گرداند.
اکنون که نمایه عنصر هدف را دارید، می توانید از متد splice() برای حذف آیتم در آن شاخص استفاده کنید. تنها کاری که باید انجام دهید این است که فهرست عنصر هدف را به عنوان اولین آرگومان ارسال کنید و به دنبال آن تعداد مواردی که می خواهید حذف کنید.
برای حذف فقط یک آیتم، مقدار 1 را به عنوان آرگومان دوم ارسال کنید:
demoArray.splice(targetElementIndex, 1);
متد splice() آرایه ای از عناصر حذف شده را برمی گرداند و آرایه اصلی عناصر را درست مانند shift() و pop() تغییر می دهد.
اگر برخی از این روش‌ها برای شما جدید هستند، شیت کامل جاوا اسکریپت ما را بررسی کنید. این شامل تمام روش‌های آرایه‌ای است که نه تنها برای حذف، بلکه برای سایر عملیات‌هایی مانند افزودن، حلقه کردن، معکوس کردن و فیلتر کردن موارد در دسترس شماست.
با آرایه های جاوا اسکریپت مانند یک حرفه ای کار کنید
دانستن نحوه کار با آرایه ها در جاوا اسکریپت برای همه توسعه دهندگان وب ضروری است زیرا به دفعات با آنها روبرو می شوید.
مفاهیم کلیدی برای تسلط همه روش‌های داخلی در اختیار شما هستند که می‌توانند به شما کمک کنند تقریباً هر کاری را هنگام کار با آرایه‌ها انجام دهید.