هو أنا ليه لما أعمل Array جديدة من Array قديمة في JS وأعدل فيها القيمة الأصلية بتتغير هي كمان؟

في جافاسكريبت، ال (Arrays & Objects) بيتخزنوا في الذاكرة بنظام اسمه By Reference (بالملاذ/العنوان) مش By Value (بالقيمة). لما بتعمل const newArr = oldArr; أنت مش بتاخد نسخة، أنت بتعمل متغيّر جديد بيشاور على نفس العنوان في الذاكرة. لما بتعمل [...oldArr] أنت بتعمل Shallow Copy (نسخة سطحية)، وده معناه إن المصفوفة نفسها جيدة بس الـ Objects اللي جواها لسه بتشاور على نفس العناوين القديمة! في عندك طرق كتير للحل لكن الطريقة الحديثة والقياسية (Recommended): استخدام دالة structuredClone() المدمجة في المتصفحات والـ Node.js الحديثة:

// بتعمل Deep Copy كامل ونظيف جداً
const newArr = structuredClone(oldArr);

// عدّل براحتك هنا ومش هيأثر خالص على oldArr
newArr[0].name = "اسم جديد";