{"id":2566,"date":"2024-03-26T13:57:49","date_gmt":"2024-03-26T10:57:49","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=2566"},"modified":"2024-03-26T13:57:50","modified_gmt":"2024-03-26T10:57:50","slug":"javascriptte-nesneleri-kopyalama-yontemleri","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascriptte-nesneleri-kopyalama-yontemleri\/","title":{"rendered":"JavaScript’te Nesneleri Kopyalama Y\u00f6ntemleri"},"content":{"rendered":"\n

JavaScript’te nesneleri kopyalamak i\u00e7in genellikle \u00fc\u00e7 se\u00e7ene\u011finiz vard\u0131r: assignment operator (=)<\/code>referans ama\u00e7l\u0131 kopyalamay\u0131 kullanmak, Object.assign()<\/code>veya gibi y\u00f6ntemleri kullanarak spread operator (...)<\/code>s\u0131\u011f bir kopya ger\u00e7ekle\u015ftirmek ve JSON.parse() and JSON.stringify()<\/code>.<\/p>\n\n\n\n

<\/a>1. Referans Kopyas\u0131 (Atama Operat\u00f6r\u00fc =):<\/h4>\n\n\n\n
const originalObject = { key: 'value' };\r\nconst referenceCopy = originalObject;<\/code><\/pre>\n\n\n\n
Bu y\u00f6ntemde, referenceCopy art\u0131k orijinalObject ile ayn\u0131 nesneye i\u015faret ediyor. Birinde yap\u0131lan de\u011fi\u015fiklik di\u011ferini de etkileyecektir. Bu y\u00f6ntem orijinal nesneye bir referans olu\u015fturur. Orijinal nesnede yap\u0131lan de\u011fi\u015fiklikler kopyalanan nesneye yans\u0131t\u0131lacakt\u0131r ve bunun tersi de ge\u00e7erlidir. Bu ger\u00e7ek bir kopya de\u011fil; bunun yerine her iki de\u011fi\u015fken de ayn\u0131 nesneye i\u015faret eder.<\/p>\n\n\n\n
<\/a>2. S\u0131\u011f Kopya (Shallow):<\/h4>\n\n\n\n
A. Object.sign()’\u0131 kullanma:<\/strong><\/p>\n\n\n\n
const originalObject = { key: 'value' };\r\nconst shallowCopy = Object.assign({}, originalObject);<\/code><\/pre>\n\n\n\n
Object.assign()<\/code>nesnenin s\u0131\u011f bir kopyas\u0131n\u0131 olu\u015fturur. Numaraland\u0131r\u0131labilir \u00f6zellikleri bir veya daha fazla kaynak nesneden bir hedef nesneye kopyalar. Yukar\u0131daki \u00f6rnekte bo\u015f bir nesne {}<\/code>hedef g\u00f6revi g\u00f6r\u00fcr ve originalObject<\/code>kaynakt\u0131r. Yuvalanm\u0131\u015f nesnelere h\u00e2l\u00e2 referans verildi\u011fini, dolay\u0131s\u0131yla orijinaldeki yuvalanm\u0131\u015f nesnelerde yap\u0131lan de\u011fi\u015fikliklerin kopyalanan nesneyi etkileyece\u011fini unutmay\u0131n.<\/p>\n\n\n\n
B. Spread Operat\u00f6r\u00fcn\u00fc Kullanma (…):<\/strong><\/p>\n\n\n\n
const originalObject = { key: 'value' };\r\nconst shallowCopy = { ...originalObject };<\/code><\/pre>\n\n\n\n
Yay\u0131lma operat\u00f6r\u00fc, nesnelerin y\u00fczeysel kopyalar\u0131n\u0131 olu\u015fturman\u0131n k\u0131sa bir yoludur. gibi Object.assign()<\/code>, yaln\u0131zca \u00fcst d\u00fczey \u00f6zelliklerin bir kopyas\u0131n\u0131 olu\u015fturur. \u0130\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelere h\u00e2l\u00e2 ba\u015fvurulmaktad\u0131r, dolay\u0131s\u0131yla orijinaldeki i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelerde yap\u0131lan de\u011fi\u015fiklikler kopyalanan nesneyi etkileyecektir.<\/p>\n\n\n\n
Bu y\u00f6ntemlerin her ikisi de nesnenin yaln\u0131zca \u00fcst d\u00fczey \u00f6zelliklerini kopyalayarak y\u00fczeysel bir kopya olu\u015fturur. Yuvalanm\u0131\u015f nesnelerde yap\u0131lan de\u011fi\u015fiklikler hem orijinale hem de kopyaya yans\u0131t\u0131lacakt\u0131r.<\/p>\n\n\n\n
<\/a>3. Derin Kopya (Deep):<\/h4>\n\n\n\n
JSON.parse() ve JSON.stringify()’\u0131 kullanma<\/strong><\/p>\n\n\n\n
const originalObject = { key: 'value', nested: { key2: 'value2' } };\r\n\r\n\/\/ Using JSON.parse() and JSON.stringify()\r\nconst deepCopy = JSON.parse(JSON.stringify(originalObject));<\/code><\/pre>\n\n\n\n
Bu y\u00f6ntem, i\u00e7 i\u00e7e ge\u00e7mi\u015f yap\u0131lar da dahil olmak \u00fczere nesnenin derin bir kopyas\u0131n\u0131 olu\u015fturur. Bu yakla\u015f\u0131m\u0131n, JSON a\u00e7\u0131s\u0131ndan g\u00fcvenli olmayan verileri korumama ve b\u00fcy\u00fck veya karma\u015f\u0131k nesneler i\u00e7in daha az verimli olma gibi s\u0131n\u0131rlamalar\u0131 oldu\u011funu unutmay\u0131n.<\/p>\n\n\n\n
\u00d6zel ko\u015fullar\u0131n\u0131za ba\u011fl\u0131 olarak uygun yakla\u015f\u0131m\u0131 se\u00e7in:<\/p>\n\n\n\n