برنامه نویسی

درج عناصر در یک شاخص خاص از یک آرایه در جاوا اسکریپت

در این پست می خواهیم ببینیم که چگونه عناصر را در یک شاخص خاص از یک آرایه در جاوا اسکریپت وارد کنیم. برای این کار از متد splice() استفاده می کنیم.

آرایه زیر را در نظر بگیرید که به منوی نوار کناری اشاره دارد:

const sideBarMenu = ['Inicio', 'Sobre', 'Contacto', 'Blog']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

در صورت ورود کاربر، منو باید گزینه ای را نشان دهد Perfil قبل از Sobre.

موارد را در یک شاخص خاص اضافه کنید

برای انجام وظیفه توصیف شده، می توانید از روش استفاده کنید splice()، این به ما امکان می دهد عناصر را در یک شاخص خاص از یک آرایه وارد کنیم و حتی عناصر را حذف کنیم.

برای اضافه کردن یک عنصر، از دو پارامتر اول متد استفاده می کنیم splice()و در سوم عنصری که می خواهیم درج کنیم مشخص شده است.

if (isLogged) {
  sideBarMenu.splice(2, 0, 'Perfil')
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

حالا متغیر sideBarMenu دارای عناصر زیر است:

['Inicio', 'Sobre', 'Perfil', 'Contacto', 'Blog']
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

روش splice() 3 پارامتر دریافت می کند:

  • شاخصی که می خواهیم عنصر را در آن وارد کنیم.
  • تعداد عناصری که می خواهیم حذف کنیم.
  • عنصری که می خواهیم وارد کنیم.

در مثال ما، موقعیت شاخص است 2، و ما نمی خواهیم هیچ عنصری را حذف کنیم، بنابراین پارامتر دوم است 0. سومین پارامتر عنصری است که می خواهیم در این مورد وارد کنیم Perfil.

استفاده کنید: شاخص یک آرایه از شروع می شود 0. در مثال بالا، شاخص 2 درج عنصر Perfil در جایگاه 3.

چندین مورد را در یک شاخص خاص اضافه کنید

یک ویژگی جالب روش splice() این است که ما می توانیم چندین عنصر را با شروع یک شاخص خاص وارد کنیم.

if (isLogged) {
  sideBarMenu.splice(2, 0, 'Perfil', 'Cerrar Sesión')
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

به این ترتیب متغیر sideBarMenu دارای عناصر زیر است:

[ 'Inicio', 'Sobre', 'Perfil', 'Cerrar Sesión', 'Contacto', 'Blog' ]
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

تمام شد، اکنون می دانید چگونه با استفاده از روش، عناصر را در یک شاخص خاص از یک آرایه در جاوا اسکریپت وارد کنید. splice().

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا