انتقل إلى محتوى الدرس

Inserting and Sorting Copies إدراج العناصر وترتيب نسخة جديدة

أتقن تحديث مصفوفات الحالة بنقاء تام في React عبر إضافة العناصر بمعامل الانتشار وحذفها بدالة filter وتعديلها بدالة map وإدراجها بـ slice وترتيب النسخ.
3 صفوف تعليمية
ReactJS
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تتطلب عمليتا الإدراج في موضع محدد والترتيب انتباهاً خاصاً:

  • الإدراج عند الفهرس at: نضع العنصر الجديد بين شطري الدالة النقية slice() هكذا [...items.slice(0, at), newItem, ...items.slice(at)].
  • الترتيب أو العكس: تعدّل الدالتان sort() وreverse() المصفوفة في مكانها! لذا انسخ المصفوفة أولاً عبر [...items] ثم رتب النسخة الجديدة ومررها لدالة الضبط.
الصف 2 كود برمجي
HTML
import { useState } from 'react';

function ScoreBoard() {
  const [scores, setScores] = useState([88, 72, 95]);
  function sortAsc() {
    setScores([...scores].sort((a, b) => a - b));
  }
  return <button onClick={sortAsc}>Sort Scores</button>;
}
الصف 3 ملاحظة هامة