تخيل أن لديك قائمة من المطاعم التي ترغب في تجربتها ، وبعد تناول العشاء في أحدها أخيرًا ، لا تريد فقط حذف المطعم من قائمتك ، ولكنك تريد إزالته تمامًا.
لذلك قمت بإزالة المطعم الذي جربته ، والآن تحتوي قائمتك الأصلية على المطاعم التي لم تجربها بعد. هنا ، قمنا بوصف أحد الأشياء التي يمكن أن تقوم بها أداة لصق JavaScript.
ما هي طريقة لصق JavaScript وماذا يمكن أن تفعل؟
حسنًا ، دعنا نعود قليلاً. لقد وصفنا ما يمكن أن يفعله لصق JavaScript ، ولكن ما هو بالضبط؟
طريقة لصق () JavaScript هي طريقة مضمنة لوظائف مصفوفة JavaScript. يقوم Splice بتعديل المصفوفة الأصلية عن طريق إزالة العناصر أو استبدالها أو إضافتها. القيمة المعادة هي مصفوفة جديدة تحتوي على العناصر المحذوفة. إذا لم تتم إزالة أي عناصر ، فسيتم إرجاع مصفوفة فارغة. الصيغة الأساسية لوصل JavaScript هي:
Array.splice(start, removeCount, newItem, newItem, newItem, ...)
كيفية إزالة العناصر من مصفوفة باستخدام لصق JavaScript
لإزالة عنصر ببساطة من مصفوفة باستخدام لصق JavaScript ، ستحتاج إلى معرفة رقم فهرس العنصر الذي ترغب في إزالته.
بالعودة إلى المثال الذي ذكرناه في بداية هذا البرنامج التعليمي. لنفترض أن قائمة دلو مطعمنا تتكون من A و B و C و D ، فستكون هذه هي المجموعة الأصلية. المطعم الذي جربناه سيكون D. لإزالة D ، سنحتاج إلى معرفة رقم الفهرس الخاص به. نظرًا لأن فهرس الصفيف يبدأ عند 0 ، فسيكون الفهرس (X-1). في هذه الحالة ، سيكون رقم الفهرس 3.
الآن، يمكننا استخدام طريقة شريحة JavaScript لإزالة المطعم الذي قمنا بزيارته بالفعل من المصفوفة الأصلية: "`
المطاعم الثابتة = ["أ"، "ب"، "ج"، "د"]
console.log(restaurants.splice(3, 1)) // الإخراج: ["D"]
console.log(المطاعم) // الإخراج: ["A"، "B"، "C"]
"`
هنا ، يمكننا أن نرى أن المصفوفة الأصلية قد تم تقسيمها إلى قسمين: المصفوفة الأصلية مع العناصر المتبقية ، والقيمة المعادة هي مصفوفة تحتوي على العنصر (العناصر) التي تمت إزالتها.
لمعرفة المزيد حول كيفية استخدام JavaScript لصق لإزالة العناصر من مصفوفة ، تحقق من هذا بلوق وظيفة.
كيفية إضافة عناصر إلى مصفوفة باستخدام لصق JavaScript
يمكنك إضافة عناصر جديدة إلى مصفوفة باستخدام لصق JavaScript أيضًا. مع مراعاة بناء جملة اللصق الكامل ، يمكنك إضافة عناصر جديدة عن طريق تحديد عدد العناصر التي ترغب في إزالتها كـ "0" وقبل الإعلان عن العناصر الجديدة.
على سبيل المثال ، دعنا نضيف E إلى المصفوفة الخاصة بنا.
"`
المطاعم الثابتة = ["أ"، "ب"، "ج"، "د"]
console.log(restaurants.splice(3, 0,E")) // الإخراج: []
console.log(المطاعم) // الإخراج: ["A"، "B"، "C"، "E"، "D"]
"`
يعمل هذا أيضًا إذا كنت ترغب في إزالة العناصر وإضافتها إلى المصفوفة الخاصة بك. على سبيل المثال ، دعنا نزيل D من المصفوفة أعلاه ونضيف F و G في موقع D.
"`
المطاعم الثابتة = ["أ"، "ب"، "ج"، "د"]
console.log(restaurants.splice(3, 0,E")) // الإخراج: ["D"]
console.log(المطاعم) // الإخراج: ["A"، "B"، "C"، "F"، "G"]
"`
Splice vs Slice: ما الفرق بين طريقتين JavaScript؟
أحد الارتباك الذي قد يكون لدى العديد من مطوري JavaScript هو لصق مقابل شريحة: هل هما متماثلان؟ إذا لم يكن كذلك، ما هو الفرق؟ تبدو متشابهة بشكل فظيع!
في حين أن كلا من لصق وشريحة هما طريقتان مدمجتان في JavaScript ويبدوهما متشابهان للغاية ، إلا أنهما يلعبان أدوارًا مختلفة في الواقع. يمكن استخدام كل من لصق وشريحة JavaScript لمعالجة العناصر في مصفوفة.
ومع ذلك ، كما هو مذكور أعلاه ، فإن طريقة لصق JavaScript تقوم بتعديل المصفوفة الأصلية مباشرةً ، وإذا كان هناك أي منها ، فإنها تُرجع مصفوفة من العناصر التي تمت إزالتها. من ناحية أخرى ، لا تقوم طريقة شريحة JavaScript بتعديل المصفوفة الأصلية ، ولكنها تُرجع مصفوفة جديدة تمثل "قسمًا" من المصفوفة الأصلية. يمكنك تحديد "بداية" و "نهاية" التحديد الذي تريد أن تعيده طريقة الشريحة.
بعد قراءة هذه المقالة ، يجب أن يكون لديك فهم أساسي لكيفية استخدام لصق JavaScript. بينما يبدو الأمر بسيطًا ، لا تقلل من شأن السحر الذي يمكن أن تفعله طريقة لصق. إذا كنت تريد معرفة المزيد حول ما يمكنك فعله باستخدام لصق ، ابحث عن مرشد لمساعدتك على إتقان JavaScript خطوة بخطوة!
