Spread Operator الجزء الأول

يحتوي عامل الانتشار (...) على العديد من حالات الاستخدام مع JSON. على سبيل المثال، عند القيام بالعملية التالية:

const obj1 = {key1: "123"}
const obj2 = obj1
obj1.key1 = "456"
console.log(obj2.key1)

ماذا ستكون المخرجات؟

console.log(obj2.key1)
// الناتج: "456"

قد يكون هذا مفاجئاً! على الرغم من أننا قمنا بتغيير obj1، فقد تغير obj2 أيضاً.

يحدث هذا لأنه عندما نقوم بتعيين الكائنات مباشرة (obj2 = obj1)، فإننا ننشئ مرجعاً وليس نسخة. يشير كلا المتغيرين إلى نفس الكائن في الذاكرة.

هنا يصبح عامل الانتشار (spread operator) مفيداً. لنرى كيفية إنشاء نسخة حقيقية:

const obj1 = {key1: "123"};
const obj2 = {...obj1};
obj1.key1 = "456";
console.log(obj2.key1);
// الناتج: "123"

يقوم عامل النشر (spread operator) بإنشاء كائن جديد ونسخ جميع الخصائص القابلة للتعداد من الكائن المصدر إلى الكائن الجديد.