אופרטור Spread חלק 1

לאופרטור הפריסה (...) יש שימושים רבים עם JSON. למשל, בעת ביצוע הפעולה הבאה:

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

מה יהיה הפלט?

console.log(obj2.key1)
// פלט: "456"

זה עשוי להפתיע! למרות ששינינו רק את obj1, גם obj2 השתנה.

זה קורה כי כשאנחנו משייכים אובייקטים ישירות (obj2 = obj1), אנחנו יוצרים הפניה, ולא עותק. שני המשתנים מצביעים על אותו אובייקט בזיכרון.

כאן אופרטור הפריסה נעשה שימושי. בואו נראה איך ליצור עותק אמיתי:

const obj1 = {key1: "123"};
const obj2 = {...obj1};
obj1.key1 = "456";
console.log(obj2.key1);
// פלט: "123"

אופרטור הפריסה יוצר אובייקט חדש ומעתיק אליו את כל המאפיינים בני־הספירה מהאובייקט המקורי.