JavaScript, dinamik ve esnek bir dil olmas\u0131na ra\u011fmen, nesnelerle \u00e7al\u0131\u015f\u0131rken kopyalama (cloning) kavram\u0131, \u00f6zellikle karma\u015f\u0131k veri yap\u0131lar\u0131 s\u00f6z konusu oldu\u011funda, geli\u015ftiriciler i\u00e7in kafa kar\u0131\u015ft\u0131r\u0131c\u0131 ve hata potansiyeli ta\u015f\u0131yan bir alan olabilir. Bir nesneyi kopyalamak istedi\u011fimizde, asl\u0131nda iki ana yakla\u015f\u0131mla kar\u015f\u0131la\u015f\u0131r\u0131z: y\u00fczeysel kopyalama (shallow cloning) ve derin kopyalama (deep cloning). Bu makalede, JavaScript’te derin kopyalaman\u0131n ne anlama geldi\u011fini, neden \u00f6nemli oldu\u011funu, farkl\u0131 y\u00f6ntemlerini, avantajlar\u0131n\u0131, dezavantajlar\u0131n\u0131 ve kar\u015f\u0131la\u015f\u0131labilecek zorluklar\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n
Bir nesneyi kopyalama ihtiyac\u0131, genellikle orijinal nesnenin verilerini de\u011fi\u015ftirmeden \u00fczerinde i\u015flem yapmak istedi\u011fimizde ortaya \u00e7\u0131kar. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n profil bilgilerini i\u00e7eren bir nesneniz var ve bu bilgiler \u00fczerinde kullan\u0131c\u0131 aray\u00fcz\u00fcnde baz\u0131 de\u011fi\u015fiklikler yapmak istiyorsunuz. E\u011fer orijinal nesneyi do\u011frudan de\u011fi\u015ftirirseniz, bu de\u011fi\u015fiklikler uygulaman\u0131z\u0131n di\u011fer k\u0131s\u0131mlar\u0131n\u0131 veya sunucuya g\u00f6nderilecek veriyi istenmeyen \u015fekillerde etkileyebilir. Bu t\u00fcr senaryolarda, orijinal nesnenin ba\u011f\u0131ms\u0131z bir kopyas\u0131n\u0131 olu\u015fturmak kritik \u00f6nem ta\u015f\u0131r.<\/p>\n
Ancak, JavaScript’te nesneler referans tipleridir. Bu, bir nesneyi do\u011frudan ba\u015fka bir de\u011fi\u015fkene atad\u0131\u011f\u0131n\u0131zda, asl\u0131nda nesnenin kendisinin de\u011fil, bellekteki adresinin kopyaland\u0131\u011f\u0131 anlam\u0131na gelir. Her iki de\u011fi\u015fken de ayn\u0131 nesneyi i\u015faret eder ve birindeki de\u011fi\u015fiklikler di\u011ferinde de g\u00f6r\u00fcn\u00fcr olur. \u0130\u015fte bu noktada, ger\u00e7ek bir kopya olu\u015fturma ihtiyac\u0131 do\u011far ve y\u00fczeysel ile derin kopyalama aras\u0131ndaki farklar \u00f6nem kazan\u0131r.<\/p>\n
Y\u00fczeyel kopyalama, bir nesnenin ilk seviyesindeki \u00f6zelliklerini kopyalar. E\u011fer bu \u00f6zelliklerin de\u011ferleri ilkel tipler (say\u0131, string, boolean, null, undefined, symbol, bigint) ise, bu de\u011ferler do\u011frudan kopyalan\u0131r. Ancak, e\u011fer bir \u00f6zelli\u011fin de\u011feri ba\u015fka bir nesne veya dizi ise, bu durumda sadece o i\u00e7 nesnenin veya dizinin referans\u0131 kopyalan\u0131r, kendisi kopyalanmaz. Sonu\u00e7 olarak, hem orijinal nesne hem de kopyas\u0131 ayn\u0131 i\u00e7 nesneleri veya dizileri i\u015faret eder.<\/p>\n
Y\u00fczeyel kopyalama i\u00e7in JavaScript’te birka\u00e7 yayg\u0131n y\u00f6ntem bulunur:<\/p>\n
...<\/code>)<\/h4>\nHem nesneler hem de diziler i\u00e7in kullan\u0131lan modern ve yayg\u0131n bir y\u00f6ntemdir.<\/p>\n
const originalObject = {\n name: 'Alice',\n age: 30,\n address: {\n city: 'New York',\n zip: '10001'\n },\n hobbies: ['reading', 'hiking']\n};\n\nconst shallowCopy = { ...originalObject };\n\nconsole.log(shallowCopy);\n\/\/ { name: 'Alice', age: 30, address: { city: 'New York', zip: '10001' }, hobbies: ['reading', 'hiking'] }\n\n\/\/ \u0130lk seviye bir \u00f6zelli\u011fi de\u011fi\u015ftirmek\nshallowCopy.name = 'Bob';\nconsole.log(originalObject.name); \/\/ Alice (original de\u011fi\u015fmedi)\n\n\/\/ \u0130\u00e7 i\u00e7e ge\u00e7mi\u015f bir nesnenin \u00f6zelli\u011fini de\u011fi\u015ftirmek\nshallowCopy.address.city = 'Los Angeles';\nconsole.log(originalObject.address.city); \/\/ Los Angeles (original de\u011fi\u015fti!)\n\n\/\/ Bir dizinin eleman\u0131n\u0131 de\u011fi\u015ftirmek\nshallowCopy.hobbies.push('swimming');\nconsole.log(originalObject.hobbies); \/\/ ['reading', 'hiking', 'swimming'] (original de\u011fi\u015fti!)<\/code><\/pre>\nYukar\u0131daki \u00f6rnekte g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, name<\/code> gibi ilkel bir de\u011ferin de\u011fi\u015ftirilmesi orijinali etkilemezken, address.city<\/code> veya hobbies<\/code> dizisi gibi referans tiplerinin de\u011fi\u015ftirilmesi orijinal nesneyi de etkiler.<\/p>\n2. Object.assign()<\/code><\/h4>\nBir veya daha fazla kaynak nesneden hedeflenen bir nesneye t\u00fcm numaraland\u0131r\u0131labilir kendi \u00f6zelliklerinin de\u011ferlerini kopyalamak i\u00e7in kullan\u0131l\u0131r. Genellikle bo\u015f bir nesneye kopyalama yaparak y\u00fczeysel bir kopya olu\u015fturulur.<\/p>\n
const originalObject = {\n name: 'Alice',\n address: { city: 'New York' }\n};\n\nconst shallowCopy = Object.assign({}, originalObject);\n\nshallowCopy.name = 'Carol';\nconsole.log(originalObject.name); \/\/ Alice\n\nshallowCopy.address.city = 'Chicago';\nconsole.log(originalObject.address.city); \/\/ Chicago (original de\u011fi\u015fti!)<\/code><\/pre>\nObject.assign()<\/code> de spread operat\u00f6r\u00fc gibi y\u00fczeysel kopyalama yapar.<\/p>\n3. Array.prototype.slice()<\/code> ve Array.from()<\/code> (Diziler \u0130\u00e7in)<\/h4>\nBu y\u00f6ntemler diziler i\u00e7in y\u00fczeysel kopyalama sa\u011flar.<\/p>\n
const originalArray = [1, { a: 2 }, 3];\nconst shallowCopySlice = originalArray.slice();\nconst shallowCopyFrom = Array.from(originalArray);\n\nshallowCopySlice[0] = 10;\nconsole.log(originalArray[0]); \/\/ 1\n\nshallowCopySlice[1].a = 20;\nconsole.log(originalArray[1].a); \/\/ 20 (original de\u011fi\u015fti!)<\/code><\/pre>\nY\u00fczeyel kopyalama, basit nesneler veya i\u00e7 i\u00e7e nesnelerle etkile\u015fime girmeyece\u011finiz durumlarda yeterli olabilir. Ancak, karma\u015f\u0131k ve i\u00e7 i\u00e7e ge\u00e7mi\u015f nesne yap\u0131lar\u0131yla \u00e7al\u0131\u015f\u0131rken, her seviyede ba\u011f\u0131ms\u0131zl\u0131k sa\u011flamak i\u00e7in derin kopyalamaya ihtiyac\u0131m\u0131z vard\u0131r.<\/p>\n
Derin Kopyalama (Deep Cloning) Nedir?<\/h3>\n
Derin kopyalama, bir nesnenin kendisini ve t\u00fcm i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelerini ve dizilerini tamamen ba\u011f\u0131ms\u0131z bir \u015fekilde kopyalama i\u015flemidir. Bu, orijinal nesne ile kopyas\u0131 aras\u0131nda hi\u00e7bir referans payla\u015f\u0131m\u0131n\u0131n olmad\u0131\u011f\u0131 anlam\u0131na gelir. Kopyan\u0131n herhangi bir seviyesinde yap\u0131lan bir de\u011fi\u015fiklik, orijinal nesneyi hi\u00e7bir \u015fekilde etkilemez. Derin kopyalama, karma\u015f\u0131k veri yap\u0131lar\u0131yla g\u00fcvenli bir \u015fekilde \u00e7al\u0131\u015fmak ve istenmeyen yan etkileri \u00f6nlemek i\u00e7in hayati \u00f6neme sahiptir.<\/p>\n
Derin kopyalama, y\u00fczeysel kopyalamadan daha karma\u015f\u0131k bir i\u015flemdir \u00e7\u00fcnk\u00fc her bir i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnenin veya dizinin de ayr\u0131 ayr\u0131 kopyalanmas\u0131 gerekir. JavaScript’te yerle\u015fik bir “derin kopyala” fonksiyonu olmamas\u0131, geli\u015ftiricilerin bu i\u015flemi farkl\u0131 y\u00f6ntemlerle ger\u00e7ekle\u015ftirmesini gerektirir.<\/p>\n
Derin Kopyalama Y\u00f6ntemleri<\/h3>\n
JavaScript’te derin kopyalama yapmak i\u00e7in birka\u00e7 farkl\u0131 yakla\u015f\u0131m mevcuttur. Her birinin kendi avantajlar\u0131 ve dezavantajlar\u0131 vard\u0131r.<\/p>\n
1. JSON.parse(JSON.stringify(obj))<\/code> Y\u00f6ntemi<\/h4>\nBu y\u00f6ntem, derin kopyalama i\u00e7in en basit ve en yayg\u0131n kullan\u0131lan hilelerden biridir. Nesneyi \u00f6nce bir JSON dizesine d\u00f6n\u00fc\u015ft\u00fcr\u00fcr (JSON.stringify<\/code>), ard\u0131ndan bu dizeyi tekrar bir JavaScript nesnesine ayr\u0131\u015ft\u0131r\u0131r (JSON.parse<\/code>). Bu i\u015flem, orijinal nesneden tamamen ba\u011f\u0131ms\u0131z yeni bir nesne olu\u015fturur.<\/p>\nconst originalObject = {\n name: 'Alice',\n age: 30,\n address: {\n city: 'New York',\n zip: '10001'\n },\n hobbies: ['reading', 'hiking'],\n birthDate: new Date(),\n greet: function() { console.log('Hello'); },\n status: undefined,\n score: Infinity\n};\n\nconst deepCopy = JSON.parse(JSON.stringify(originalObject));\n\nconsole.log(deepCopy);\n\/\/ \u00c7\u0131kt\u0131:\n\/\/ {\n\/\/ name: 'Alice',\n\/\/ age: 30,\n\/\/ address: { city: 'New York', zip: '10001' },\n\/\/ hobbies: ['reading', 'hiking'],\n\/\/ birthDate: '2023-10-27T10:00:00.000Z', \/\/ Date nesnesi stringe d\u00f6n\u00fc\u015ft\u00fc\n\/\/ score: null \/\/ Infinity null oldu\n\/\/ }\n\ndeepCopy.address.city = 'San Francisco';\nconsole.log(originalObject.address.city); \/\/ New York (original de\u011fi\u015fmedi!)\n\n\/\/ K\u0131s\u0131tlamalar\u0131 g\u00f6stermek\nconsole.log(deepCopy.greet); \/\/ undefined (fonksiyonlar kayboldu)\nconsole.log(deepCopy.status); \/\/ undefined (undefined kayboldu)\nconsole.log(originalObject.birthDate instanceof Date); \/\/ true\nconsole.log(deepCopy.birthDate instanceof Date); \/\/ false (art\u0131k bir string)<\/code><\/pre>\nAvantajlar\u0131:<\/strong>
\n* Basitlik:<\/strong> Kullan\u0131m\u0131 son derece kolay ve tek sat\u0131rda derin kopya olu\u015fturabilir.
\n* H\u0131z:<\/strong> K\u00fc\u00e7\u00fck ve orta boyutlu nesneler i\u00e7in olduk\u00e7a h\u0131zl\u0131d\u0131r.<\/p>\nDezavantajlar\u0131:<\/strong>
\n* Veri Kayb\u0131:<\/strong>
\n * Fonksiyonlar (function<\/code>):<\/strong> Kopyalanmazlar, undefined<\/code> olarak kaybolurlar.
\n * undefined<\/code> de\u011ferleri:<\/strong> Nesne i\u00e7indeki undefined<\/code> de\u011ferleri tamamen kaybolur.
\n * Date<\/code> nesneleri:<\/strong> Tarih nesneleri ISO 8601 format\u0131nda bir string’e d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr, orijinal Date<\/code> nesnesi tipini kaybeder.
\n * RegExp<\/code> nesneleri:<\/strong> Bo\u015f bir nesneye {}<\/code> d\u00f6n\u00fc\u015f\u00fcr.
\n * Map<\/code>, Set<\/code> nesneleri:<\/strong> Bo\u015f bir nesneye {}<\/code> d\u00f6n\u00fc\u015f\u00fcr.
\n * Infinity<\/code>, NaN<\/code>:<\/strong> null<\/code> de\u011ferine d\u00f6n\u00fc\u015f\u00fcr.
\n * Symbol<\/code> de\u011ferleri:<\/strong> Tamamen kaybolur.
\n* Dairesel Referanslar (Circular References):<\/strong> E\u011fer nesneniz i\u00e7inde birbirine referans veren dairesel yap\u0131lar varsa, JSON.stringify()<\/code> bir hata (TypeError: Converting circular structure to JSON<\/code>) f\u0131rlat\u0131r ve \u00e7al\u0131\u015fmaz.
\n* Prototip Zinciri:<\/strong> Nesnelerin prototip zincirini kopyalamaz, sadece kendi numaraland\u0131r\u0131labilir \u00f6zelliklerini kopyalar.
\n* Getter\/Setter:<\/strong> Getter ve setter’lar\u0131 kopyalamaz, sadece onlar\u0131n son de\u011ferlerini kopyalar.<\/p>\nBu y\u00f6ntem, sadece ilkel de\u011ferler, d\u00fcz nesneler ve diziler i\u00e7eren basit veri yap\u0131lar\u0131 i\u00e7in uygundur. Daha karma\u015f\u0131k senaryolarda kullan\u0131lmas\u0131 tavsiye edilmez.<\/p>\n
2. structuredClone()<\/code> Y\u00f6ntemi (Yerle\u015fik Yap\u0131sal Klonlama Algoritmas\u0131)<\/h4>\nstructuredClone()<\/code> global fonksiyonu, web taray\u0131c\u0131lar\u0131nda (ve Node.js 17+ s\u00fcr\u00fcmlerinde) bulunan modern bir API’dir. Ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 gibi, “yap\u0131sal klonlama algoritmas\u0131”n\u0131 kullanarak derin bir kopya olu\u015fturur. Bu algoritma, JavaScript de\u011ferlerinin bir i\u015f par\u00e7ac\u0131\u011f\u0131 veya bir Web Worker aras\u0131nda nas\u0131l aktar\u0131laca\u011f\u0131n\u0131 veya bir IndexedDB’ye nas\u0131l depolanaca\u011f\u0131n\u0131 tan\u0131mlayan ayn\u0131 algoritmad\u0131r.<\/p>\nconst originalObject = {\n name: 'Alice',\n age: 30,\n address: {\n city: 'New York',\n zip: '10001'\n },\n hobbies: ['reading', 'hiking'],\n birthDate: new Date(),\n regExp: \/abc\/g,\n myMap: new Map([[1, 'one'], [2, 'two']]),\n mySet: new Set([10, 20, 30]),\n binaryData: new Uint8Array([1, 2, 3]),\n error: new Error('Something went wrong'),\n \/\/ greet: function() { console.log('Hello'); }, \/\/ structuredClone fonksiyonlar\u0131 kopyalamaz\n \/\/ domNode: document.createElement('div') \/\/ DOM d\u00fc\u011f\u00fcmlerini kopyalamaz\n};\n\n\/\/ Dairesel referans \u00f6rne\u011fi\noriginalObject.self = originalObject;\n\ntry {\n const deepCopy = structuredClone(originalObject);\n\n console.log(deepCopy);\n\n deepCopy.address.city = 'Seattle';\n console.log(originalObject.address.city); \/\/ New York (original de\u011fi\u015fmedi!)\n\n console.log(deepCopy.birthDate instanceof Date); \/\/ true (Date nesnesi korundu)\n console.log(deepCopy.regExp instanceof RegExp); \/\/ true (RegExp nesnesi korundu)\n console.log(deepCopy.myMap instanceof Map); \/\/ true (Map nesnesi korundu)\n console.log(deepCopy.mySet instanceof Set); \/\/ true (Set nesnesi korundu)\n console.log(deepCopy.binaryData instanceof Uint8Array); \/\/ true (TypedArray korundu)\n console.log(deepCopy.error instanceof Error); \/\/ true (Error nesnesi korundu)\n\n \/\/ Dairesel referans\u0131n do\u011fru kopyaland\u0131\u011f\u0131n\u0131 do\u011frulama\n console.log(deepCopy.self === deepCopy); \/\/ true\n console.log(deepCopy.self === originalObject); \/\/ false\n} catch (e) {\n console.error(\"structuredClone error:\", e.message);\n}<\/code><\/pre>\nAvantajlar\u0131:<\/strong>
\n* Dairesel Referanslar\u0131 Destekler:<\/strong> En \u00f6nemli avantajlar\u0131ndan biri, dairesel referanslar\u0131 do\u011fru bir \u015fekilde i\u015fleyebilmesidir.
\n* Bir\u00e7ok Yerle\u015fik T\u00fcr\u00fc Kopyalar:<\/strong> Date<\/code>, RegExp<\/code>, Map<\/code>, Set<\/code>, ArrayBuffer<\/code>, TypedArray<\/code>, Blob<\/code>, File<\/code>, FileList<\/code>, ImageData<\/code>, DOMException<\/code>, Error<\/code> gibi bir\u00e7ok yerle\u015fik nesne t\u00fcr\u00fcn\u00fc do\u011fru bir \u015fekilde kopyalar.
\n* Performans:<\/strong> C++ ile uyguland\u0131\u011f\u0131 i\u00e7in genellikle \u00e7ok h\u0131zl\u0131d\u0131r.
\n* G\u00fcvenlik:<\/strong> G\u00fcvenli bir ortamda \u00e7al\u0131\u015f\u0131r ve potansiyel g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 azalt\u0131r.<\/p>\nDezavantajlar\u0131:<\/strong>
\n* Fonksiyonlar\u0131 Kopyalamaz:<\/strong> JSON.stringify<\/code> gibi, fonksiyonlar\u0131 kopyalamaz (genellikle bir DataCloneError<\/code> hatas\u0131 f\u0131rlat\u0131r veya g\u00f6rmezden gelir, ancak genellikle hata verir).
\n* DOM D\u00fc\u011f\u00fcmlerini Kopyalamaz:<\/strong> DOM d\u00fc\u011f\u00fcmleri gibi belirli host nesnelerini kopyalamaz.
\n* Prototip Zinciri:<\/strong> Nesnelerin prototip zincirini kopyalamaz, sadece kendi numaraland\u0131r\u0131labilir \u00f6zelliklerini kopyalar.
\n* Getter\/Setter:<\/strong> Getter ve setter’lar\u0131 kopyalamaz, sadece onlar\u0131n son de\u011ferlerini kopyalar.
\n* Ortam Deste\u011fi:<\/strong> Node.js’de 17.0.0 s\u00fcr\u00fcm\u00fcnden itibaren kullan\u0131labilir. Daha eski taray\u0131c\u0131larda veya Node.js s\u00fcr\u00fcmlerinde mevcut de\u011fildir (bir polyfill gerekebilir).<\/p>\nstructuredClone()<\/code> modern uygulamalar i\u00e7in derin kopyalama konusunda genellikle en iyi yerle\u015fik \u00e7\u00f6z\u00fcmd\u00fcr, \u00f6zellikle dairesel referanslar ve karma\u015f\u0131k yerle\u015fik nesne t\u00fcrleriyle \u00e7al\u0131\u015f\u0131rken.<\/p>\n3. \u00d6zel \u00d6zyinelemeli Fonksiyon (Custom Recursive Function)<\/h4>\n
Daha fazla kontrol sa\u011flamak, belirli t\u00fcrleri farkl\u0131 \u015fekilde ele almak veya structuredClone()<\/code>‘un mevcut olmad\u0131\u011f\u0131 ortamlarda \u00e7al\u0131\u015fmak i\u00e7in kendi derin kopyalama fonksiyonunuzu yazabilirsiniz. Bu y\u00f6ntem, nesnenin her seviyesini \u00f6zyinelemeli olarak dola\u015farak ve her bir de\u011feri uygun \u015fekilde kopyalayarak \u00e7al\u0131\u015f\u0131r. Dairesel referanslar\u0131 ele almak i\u00e7in ek bir mekanizma gereklidir.<\/p>\n\u0130\u015fte dairesel referanslar\u0131 da i\u015fleyebilen basit bir \u00f6zyinelemeli derin kopyalama fonksiyonu \u00f6rne\u011fi:<\/p>\n
function deepClone(obj, hash = new WeakMap()) {\n \/\/ 1. Temel tipler ve null\/undefined do\u011frudan d\u00f6nd\u00fcr\u00fcl\u00fcr\n if (obj === null || typeof obj !== 'object') {\n return obj;\n }\n\n \/\/ 2. \u00d6zel nesne t\u00fcrleri i\u00e7in \u00f6zel i\u015fleme\n \/\/ Date nesnesi\n if (obj instanceof Date) {\n return new Date(obj.getTime());\n }\n \/\/ RegExp nesnesi\n if (obj instanceof RegExp) {\n return new RegExp(obj);\n }\n \/\/ Map nesnesi\n if (obj instanceof Map) {\n const clonedMap = new Map();\n hash.set(obj, clonedMap); \/\/ Dairesel referanslar i\u00e7in orijinali ve klonu haritala\n obj.forEach((value, key) => {\n clonedMap.set(deepClone(key, hash), deepClone(value, hash));\n });\n return clonedMap;\n }\n \/\/ Set nesnesi\n if (obj instanceof Set) {\n const clonedSet = new Set();\n hash.set(obj, clonedSet); \/\/ Dairesel referanslar i\u00e7in orijinali ve klonu haritala\n obj.forEach(value => {\n clonedSet.add(deepClone(value, hash));\n });\n return clonedSet;\n }\n \/\/ ArrayBuffer, TypedArray, Blob, File gibi structuredClone'un destekledi\u011fi ama\n \/\/ JSON.stringify'\u0131n desteklemedi\u011fi di\u011fer t\u00fcrler i\u00e7in de benzer \u00f6zel i\u015flemler eklenebilir.\n \/\/ Basitlik ad\u0131na bu \u00f6rnekte sadece Date, RegExp, Map, Set ele al\u0131nm\u0131\u015ft\u0131r.\n\n \/\/ 3. Dairesel referans kontrol\u00fc\n \/\/ E\u011fer bu nesneyi daha \u00f6nce kopyalad\u0131ysak, kopyas\u0131n\u0131 d\u00f6nd\u00fcr\n if (hash.has(obj)) {\n return hash.get(obj);\n }\n\n \/\/ 4. Nesnenin tipine g\u00f6re kopya olu\u015fturma\n let clone;\n if (Array.isArray(obj)) {\n clone = [];\n } else {\n \/\/ Klonun prototipini korumak i\u00e7in Object.create kullan\u0131l\u0131r\n clone = Object.create(Object.getPrototypeOf(obj));\n }\n\n \/\/ 5. Orijinal nesneyi ve klonu haritala (dairesel referanslar i\u00e7in)\n hash.set(obj, clone);\n\n \/\/ 6. Nesne \u00f6zelliklerini \u00f6zyinelemeli olarak kopyalama\n for (let key in obj) {\n \/\/ Kendi \u00f6zelliklerini ve enumerable olanlar\u0131 kopyala\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n clone[key] = deepClone(obj[key], hash);\n }\n }\n\n return clone;\n}\n\n\/\/ \u00d6rnek kullan\u0131m:\nconst original = {\n a: 1,\n b: 'hello',\n c: true,\n d: null,\n e: undefined,\n f: new Date(),\n g: \/test\/i,\n h: [1, 2, { x: 10 }],\n i: {\n j: 42,\n k: {\n l: 'world'\n }\n },\n myMap: new Map([['key1', 'value1']]),\n mySet: new Set([1, 2, 3]),\n func: () => console.log('This is a function') \/\/ Fonksiyonlar genellikle kopyalanmaz, referans olarak kal\u0131r veya ignore edilir.\n};\n\n\/\/ Dairesel referans ekleyelim\noriginal.i.k.parent = original;\noriginal.selfRef = original;\n\nconst cloned = deepClone(original);\n\nconsole.log(cloned);\n\n\/\/ Testler\ncloned.a = 100;\ncloned.i.k.l = 'universe';\ncloned.h[2].x = 200;\ncloned.f.setFullYear(2000);\ncloned.myMap.set('key2', 'value2');\ncloned.mySet.add(4);\n\nconsole.log('Original a:', original.a); \/\/ 1\nconsole.log('Cloned a:', cloned.a); \/\/ 100\n\nconsole.log('Original i.k.l:', original.i.k.l); \/\/ world\nconsole.log('Cloned i.k.l:', cloned.i.k.l); \/\/ universe\n\nconsole.log('Original h[2].x:', original.h[2].x); \/\/ 10\nconsole.log('Cloned h[2].x:', cloned.h[2].x); \/\/ 200\n\nconsole.log('Original date year:', original.f.getFullYear()); \/\/ Orijinal y\u0131l\nconsole.log('Cloned date year:', cloned.f.getFullYear()); \/\/ 2000\n\nconsole.log('Original map size:', original.myMap.size); \/\/ 1\nconsole.log('Cloned map size:', cloned.myMap.size); \/\/ 2\n\nconsole.log('Original set has 4:', original.mySet.has(4)); \/\/ false\nconsole.log('Cloned set has 4:', cloned.mySet.has(4)); \/\/ true\n\nconsole.log('Original function:', original.func); \/\/ Function\nconsole.log('Cloned function:', cloned.func); \/\/ Function (referans kopyaland\u0131)\n\n\/\/ Dairesel referans kontrol\u00fc\nconsole.log('Cloned i.k.parent === cloned:', cloned.i.k.parent === cloned); \/\/ true\nconsole.log('Cloned selfRef === cloned:', cloned.selfRef === cloned); \/\/ true\nconsole.log('Cloned i.k.parent === original:', cloned.i.k.parent === original); \/\/ false<\/code><\/pre>\nAvantajlar\u0131:<\/strong>
\n* Tam Kontrol:<\/strong> Hangi t\u00fcrlerin nas\u0131l kopyalanaca\u011f\u0131 \u00fczerinde tam kontrol sa\u011flar.
\n* Dairesel Referans Deste\u011fi:<\/strong> Do\u011fru uyguland\u0131\u011f\u0131nda dairesel referanslar\u0131 ele alabilir (genellikle bir WeakMap<\/code> veya Map<\/code> kullanarak zaten kopyalanm\u0131\u015f nesneleri takip ederek).
\n* Prototip Koruma:<\/strong> Object.create(Object.getPrototypeOf(obj))<\/code> kullanarak klonun orijinal nesnenin prototip zincirini korumas\u0131n\u0131 sa\u011flayabilir.
\n* Esneklik:<\/strong> Fonksiyonlar\u0131 kopyalama, belirli \u00f6zellikleri atlama veya \u00f6zel i\u015fleme ekleme gibi \u00f6zel gereksinimlere uyarlanabilir.<\/p>\nDezavantajlar\u0131:<\/strong>
\n* Karma\u015f\u0131kl\u0131k:<\/strong> Uygulamas\u0131 daha zordur ve bir\u00e7ok kenar durumu (edge case) dikkate almay\u0131 gerektirir (null, undefined, Date, RegExp, Map, Set, TypedArray, Error, vs.).
\n* Performans:<\/strong> JavaScript’te \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in C++ ile uygulanan structuredClone()<\/code> kadar h\u0131zl\u0131 olmayabilir, \u00f6zellikle \u00e7ok b\u00fcy\u00fck ve derin nesneler i\u00e7in.
\n* Hata Potansiyeli:<\/strong> Yanl\u0131\u015f uyguland\u0131\u011f\u0131nda dairesel referanslar nedeniyle sonsuz d\u00f6ng\u00fclere veya veri kayb\u0131na yol a\u00e7abilir.
\n* Numaraland\u0131r\u0131lamayan \u00d6zellikler:<\/strong> for...in<\/code> d\u00f6ng\u00fcs\u00fc sadece numaraland\u0131r\u0131labilir (enumerable) \u00f6zellikleri kopyalar. Object.getOwnPropertyNames()<\/code> veya Object.getOwnPropertySymbols()<\/code> kullanarak numaraland\u0131r\u0131lamayan \u00f6zellikleri de ele almak daha karma\u015f\u0131k hale gelir.<\/p>\n4. K\u00fct\u00fcphaneler (Lodash, rfdc, Immer vb.)<\/h4>\n
Ger\u00e7ek d\u00fcnya uygulamalar\u0131nda, kendi derin kopyalama fonksiyonunuzu yazmak yerine, iyi test edilmi\u015f ve optimize edilmi\u015f k\u00fct\u00fcphaneleri kullanmak genellikle daha pratik ve g\u00fcvenilirdir. Bu k\u00fct\u00fcphaneler, bir\u00e7ok kenar durumu, performans ve dairesel referanslar gibi zorluklar\u0131 sizin yerinize ele al\u0131r.<\/p>\n
* Lodash (_.cloneDeep<\/code>)<\/strong>:
\n * A\u00e7\u0131klama:<\/strong> JavaScript ekosistemindeki en pop\u00fcler yard\u0131mc\u0131 program k\u00fct\u00fcphanelerinden biridir. _.cloneDeep<\/code> metodu, nesneleri ve dizileri tamamen derinlemesine kopyalamak i\u00e7in g\u00fc\u00e7l\u00fc ve kapsaml\u0131 bir \u00e7\u00f6z\u00fcmd\u00fcr. Dairesel referanslar\u0131, \u00e7e\u015fitli yerle\u015fik nesne t\u00fcrlerini ve karma\u015f\u0131k senaryolar\u0131 ele al\u0131r.
\n * Kullan\u0131m:<\/strong><\/p>\nimport cloneDeep from 'lodash\/cloneDeep';\n\n const original = { a: 1, b: { c: 2 } };\n original.b.d = original; \/\/ Dairesel referans\n const cloned = cloneDeep(original);\n\n console.log(cloned.b.d === cloned); \/\/ true\n console.log(cloned.b.d === original); \/\/ false<\/code><\/pre>\n * Avantajlar\u0131:<\/strong> Kapsaml\u0131, iyi test edilmi\u015f, g\u00fcvenilir, bir\u00e7ok kenar durumu ele al\u0131r.
\n * Dezavantajlar\u0131:<\/strong> K\u00fct\u00fcphane ba\u011f\u0131ml\u0131l\u0131\u011f\u0131 ekler, sadece cloneDeep<\/code> i\u00e7in t\u00fcm Lodash’i \u00e7ekmek biraz a\u011f\u0131r olabilir (ancak mod\u00fcler import m\u00fcmk\u00fcnd\u00fcr).<\/p>\n* rfdc (really fast deep clone)<\/strong>:
\n * A\u00e7\u0131klama:<\/strong> Ad\u0131ndan da anla\u015f\u0131laca\u011f\u0131 gibi, performansa odaklanm\u0131\u015f, \u00e7ok k\u00fc\u00e7\u00fck ve h\u0131zl\u0131 bir derin kopyalama k\u00fct\u00fcphanesidir. \u00d6zellikle JSON.parse(JSON.stringify())<\/code> y\u00f6nteminin k\u0131s\u0131tlamalar\u0131na tak\u0131lan ancak structuredClone()<\/code>‘un hen\u00fcz olmad\u0131\u011f\u0131 veya daha hafif bir \u00e7\u00f6z\u00fcme ihtiya\u00e7 duyulan durumlar i\u00e7in tasarlanm\u0131\u015ft\u0131r. Dairesel referanslar\u0131 da destekler.
\n * Kullan\u0131m:<\/strong><\/p>\nimport rfdc from 'rfdc';\n const clone = rfdc();\n\n const original = { a: 1, b: { c: 2 } };\n original.b.d = original;\n const cloned = clone(original);\n\n console.log(cloned.b.d === cloned); \/\/ true<\/code><\/pre>\n * Avantajlar\u0131:<\/strong> \u00c7ok h\u0131zl\u0131, k\u00fc\u00e7\u00fck boyutlu, dairesel referanslar\u0131 destekler.
\n * Dezavantajlar\u0131:<\/strong> Lodash kadar kapsaml\u0131 de\u011fildir, baz\u0131 \u00e7ok \u00f6zel nesne t\u00fcrlerini (\u00f6rne\u011fin, \u00f6zel s\u0131n\u0131f \u00f6rnekleri) tam olarak kopyalamayabilir.<\/p>\n* Immer<\/strong>:
\n * A\u00e7\u0131klama:<\/strong> Immer, do\u011frudan bir “derin kopyalama” k\u00fct\u00fcphanesi olmaktan ziyade, immutable (de\u011fi\u015fmez) veri yap\u0131lar\u0131yla \u00e7al\u0131\u015fmay\u0131 kolayla\u015ft\u0131ran bir k\u00fct\u00fcphanedir. Bir “draft” (taslak) nesnesi \u00fczerinde do\u011frudan de\u011fi\u015fiklik yapman\u0131za izin verir ve bu de\u011fi\u015fiklikleri uygulad\u0131ktan sonra, orijinal nesneyi de\u011fi\u015ftirmeden, yaln\u0131zca de\u011fi\u015fen k\u0131s\u0131mlar\u0131n\u0131 kopyalayarak yeni, immutable bir durum d\u00f6nd\u00fcr\u00fcr. Bu, dahili olarak yap\u0131sal payla\u015f\u0131m (structural sharing) kullanarak performans\u0131 optimize eder.
\n * Kullan\u0131m:<\/strong><\/p>\nimport { produce } from 'immer';\n\n const baseState = {\n name: 'Alice',\n address: {\n city: 'New York'\n \/\/ ...\n }\n };\n\n const nextState = produce(baseState, draft => {\n draft.address.city = 'London';\n });\n\n console.log(baseState.address.city); \/\/ New York\n console.log(nextState.address.city); \/\/ London\n console.log(baseState.address === nextState.address); \/\/ false (sadece de\u011fi\u015fen k\u0131s\u0131m kopyaland\u0131)<\/code><\/pre>\n * Avantajlar\u0131:<\/strong> Immutable state y\u00f6netimini basitle\u015ftirir, performans\u0131 optimize eder, yan etkileri engeller.
\n * Dezavantajlar\u0131:<\/strong> Do\u011frudan “klonlama” de\u011fil, “yeni bir durum olu\u015fturma” paradigmalar\u0131n\u0131 takip eder. T\u00fcm derin kopyalama ihtiya\u00e7lar\u0131 i\u00e7in uygun olmayabilir.<\/p>\nDerin Kopyalama Zorluklar\u0131 ve Dikkat Edilmesi Gerekenler<\/h3>\n
Derin kopyalama, g\u00f6r\u00fcnd\u00fc\u011f\u00fcnden daha karma\u015f\u0131k bir konudur ve bir\u00e7ok potansiyel tuzak i\u00e7erir:<\/p>\n
* Dairesel Referanslar:<\/strong> Bir nesnenin kendi kendine veya ba\u015fka bir nesne arac\u0131l\u0131\u011f\u0131yla tekrar kendisine referans vermesi durumudur. Bu, \u00f6zyinelemeli bir kopyalama fonksiyonunun sonsuz d\u00f6ng\u00fcye girmesine neden olabilir. WeakMap<\/code> veya Map<\/code> kullanarak daha \u00f6nce kopyalanm\u0131\u015f nesneleri takip etmek bu sorunu \u00e7\u00f6zer.
\n* Performans:<\/strong> \u00c7ok b\u00fcy\u00fck ve derin i\u00e7 i\u00e7e ge\u00e7mi\u015f nesnelerin derin kopyalanmas\u0131 zaman al\u0131c\u0131 olabilir. \u00d6zellikle mobil cihazlarda veya performans kritik uygulamalarda bu bir darbo\u011faz haline gelebilir.
\n* \u00d6zel Nesne T\u00fcrleri:<\/strong> Date<\/code>, RegExp<\/code>, Map<\/code>, Set<\/code>, Blob<\/code>, File<\/code>, Error<\/code>, ArrayBuffer<\/code>, TypedArray<\/code> gibi yerle\u015fik nesneler ve \u00f6zel s\u0131n\u0131f \u00f6rnekleri veya DOM d\u00fc\u011f\u00fcmleri gibi host nesneleri standart kopyalama y\u00f6ntemleriyle do\u011fru \u015fekilde kopyalanmayabilir. Her bir t\u00fcr i\u00e7in \u00f6zel i\u015flem gerekebilir.
\n* Fonksiyonlar:<\/strong> Genellikle bir nesne i\u00e7indeki fonksiyonlar derin kopyalanmaz. Ya referanslar\u0131 kopyalan\u0131r ya da tamamen g\u00f6z ard\u0131 edilir. \u00c7o\u011fu senaryoda, fonksiyonlar\u0131n kopyalanmas\u0131na gerek yoktur, \u00e7\u00fcnk\u00fc genellikle durum (state) de\u011fil, davran\u0131\u015f (behavior) temsil ederler.
\n* Prototip Zinciri:<\/strong> Varsay\u0131lan derin kopyalama y\u00f6ntemleri genellikle nesnenin prototip zincirini kopyalamaz, sadece kendi \u00f6zelliklerini kopyalar. E\u011fer prototip zincirini korumak \u00f6nemliyse, bu \u00f6zel olarak ele al\u0131nmal\u0131d\u0131r (\u00f6rne\u011fin Object.create(Object.getPrototypeOf(obj))<\/code>).
\n* Getter\/Setter ve \u00d6zellik Tan\u0131mlay\u0131c\u0131lar\u0131:<\/strong> Object.defineProperty<\/code> ile tan\u0131mlanm\u0131\u015f getter’lar, setter’lar ve di\u011fer \u00f6zellik tan\u0131mlay\u0131c\u0131lar\u0131 (writable, enumerable, configurable) genellikle basit derin kopyalama y\u00f6ntemleriyle kaybolur ve sadece de\u011ferleri kopyalan\u0131r. Bunlar\u0131 korumak i\u00e7in Object.getOwnPropertyDescriptors<\/code> ve Object.defineProperties<\/code> gibi API’ler kullan\u0131lmal\u0131d\u0131r, bu da i\u015flemi daha karma\u015f\u0131k hale getirir.
\n* Numaraland\u0131r\u0131lamayan (Non-enumerable) \u00d6zellikler:<\/strong> Varsay\u0131lan olarak, for...in<\/code> d\u00f6ng\u00fcleri veya JSON.stringify<\/code> gibi y\u00f6ntemler sadece numaraland\u0131r\u0131labilir \u00f6zellikleri kopyalar. Numaraland\u0131r\u0131lamayan \u00f6zellikleri (\u00f6rne\u011fin, baz\u0131 yerle\u015fik nesnelerin \u00f6zellikleri) kopyalamak i\u00e7in Object.getOwnPropertyNames()<\/code> veya Object.getOwnPropertySymbols()<\/code> gibi y\u00f6ntemler kullan\u0131lmal\u0131d\u0131r.<\/p>\nHangi Y\u00f6ntemi Ne Zaman Kullanmal\u0131?<\/h3>\n
* JSON.parse(JSON.stringify(obj))<\/code><\/strong>: En basit derin kopyalama ihtiyac\u0131n\u0131z oldu\u011funda ve nesnenizin i\u00e7inde fonksiyonlar, Date<\/code> nesneleri, Map<\/code>, Set<\/code>, undefined<\/code> gibi \u00f6zel t\u00fcrler veya dairesel referanslar olmad\u0131\u011f\u0131ndan eminseniz kullan\u0131n. H\u0131zl\u0131 bir “hack” olarak idealdir.
\n* structuredClone()<\/code><\/strong>: Modern taray\u0131c\u0131larda veya Node.js 17+ ortamlar\u0131nda \u00e7al\u0131\u015f\u0131yorsan\u0131z ve nesnenizin i\u00e7inde dairesel referanslar, Date<\/code>, RegExp<\/code>, Map<\/code>, Set<\/code>, ArrayBuffer<\/code> gibi yerle\u015fik karma\u015f\u0131k t\u00fcrler varsa, bu en iyi yerle\u015fik \u00e7\u00f6z\u00fcmd\u00fcr. Fonksiyonlar veya DOM d\u00fc\u011f\u00fcmleri gibi desteklenmeyen t\u00fcrleriniz olmad\u0131\u011f\u0131ndan emin olun.
\n* \u00d6zel \u00d6zyinelemeli Fonksiyon<\/strong>: structuredClone()<\/code>‘un desteklenmedi\u011fi eski ortamlar i\u00e7in, kopyalama s\u00fcreci \u00fczerinde tam kontrol sahibi olmak istedi\u011finizde veya \u00e7ok \u00f6zel nesne t\u00fcrlerini\/davran\u0131\u015flar\u0131n\u0131 ele alman\u0131z gerekti\u011finde kendi fonksiyonunuzu yaz\u0131n. Dairesel referanslar\u0131 ve t\u00fcm kenar durumlar\u0131n\u0131 dikkatlice ele ald\u0131\u011f\u0131n\u0131zdan emin olun.
\n* K\u00fct\u00fcphaneler (Lodash, rfdc)<\/strong>: \u00dcretim seviyesi uygulamalar i\u00e7in, g\u00fcvenilirlik, sa\u011flaml\u0131k, performans ve geni\u015f kapsaml\u0131 kenar durum ele alma yetene\u011fi ar\u0131yorsan\u0131z k\u00fct\u00fcphaneler en iyi se\u00e7enektir. Genellikle kendi \u00e7\u00f6z\u00fcm\u00fcn\u00fcz\u00fc yazmaktan daha az hata yapma potansiyeli ta\u015f\u0131r.
\n* Immer<\/strong>: E\u011fer birincil hedefiniz immutable veri yap\u0131lar\u0131yla \u00e7al\u0131\u015fmak ve state y\u00f6netimini basitle\u015ftirmekse, derin kopyalama yerine Immer gibi k\u00fct\u00fcphaneleri d\u00fc\u015f\u00fcn\u00fcn.<\/p>\nSonu\u00e7<\/h3>\n
JavaScript’te derin kopyalama, karma\u015f\u0131k nesne yap\u0131lar\u0131yla \u00e7al\u0131\u015f\u0131rken veri b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc sa\u011flamak ve istenmeyen yan etkilerden ka\u00e7\u0131nmak i\u00e7in temel bir kavramd\u0131r. Y\u00fczeysel kopyalama, sadece ilk seviyedeki ilkel de\u011ferleri kopyalarken, i\u00e7 i\u00e7e ge\u00e7mi\u015f referans tiplerini payla\u015fmaya devam eder. Derin kopyalama ise t\u00fcm nesne hiyerar\u015fisini tamamen ba\u011f\u0131ms\u0131z bir \u015fekilde yeniden olu\u015fturur.<\/p>\n
Her bir derin kopyalama y\u00f6nteminin kendine \u00f6zg\u00fc avantajlar\u0131 ve dezavantajlar\u0131 vard\u0131r. JSON.parse(JSON.stringify())<\/code> basit durumlar i\u00e7in h\u0131zl\u0131 bir \u00e7\u00f6z\u00fcm sunarken, structuredClone()<\/code> modern ve g\u00fcvenilir bir yerle\u015fik se\u00e7enektir. Daha fazla kontrol veya eski ortamlar i\u00e7in \u00f6zel \u00f6zyinelemeli fonksiyonlar yaz\u0131labilir, ancak bu daha fazla \u00e7aba ve dikkat gerektirir. Son olarak, Lodash veya rfdc gibi k\u00fct\u00fcphaneler, \u00e7o\u011fu ger\u00e7ek d\u00fcnya senaryosu i\u00e7in test edilmi\u015f, optimize edilmi\u015f ve kapsaml\u0131 \u00e7\u00f6z\u00fcmler sunar.<\/p>\nHangi y\u00f6ntemi se\u00e7ece\u011finiz, projenizin gereksinimlerine, hedef ortam\u0131n\u0131za, nesnenizin karma\u015f\u0131kl\u0131\u011f\u0131na ve performans beklentilerinize ba\u011fl\u0131 olacakt\u0131r. Derin kopyalaman\u0131n inceliklerini anlamak, daha sa\u011flam, hatas\u0131z ve bak\u0131m\u0131 kolay JavaScript uygulamalar\u0131 geli\u015ftirmenin anahtar\u0131d\u0131r.<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript’te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?\nJavaScript, dinamik ve esnek bir dil olmas\u0131na ra\u011fmen, nesnelerle \u00e7al\u0131\u015f\u0131rken ko","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[],"class_list":{"0":"post-38363","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n
JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?\" \/>\n<meta property=\"og:description\" content=\"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r? JavaScript, dinamik ve esnek bir dil olmas\u0131na ra\u011fmen, nesnelerle \u00e7al\u0131\u015f\u0131rken ko\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-29T14:40:51+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript’te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?\",\"datePublished\":\"2026-01-29T14:40:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\"},\"wordCount\":2526,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Javascript\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#respond\"]}],\"copyrightYear\":\"2026\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\",\"name\":\"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2026-01-29T14:40:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript’te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?","og_description":"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r? JavaScript, dinamik ve esnek bir dil olmas\u0131na ra\u011fmen, nesnelerle \u00e7al\u0131\u015f\u0131rken ko","og_url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2026-01-29T14:40:51+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"19 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript’te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?","datePublished":"2026-01-29T14:40:51+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/"},"wordCount":2526,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Javascript"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#respond"]}],"copyrightYear":"2026","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/","url":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/","name":"JavaScript'te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r? - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2026-01-29T14:40:51+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascriptte-derin-kopyalama-deep-cloning-nasil-calisir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript’te Derin Kopyalama (Deep Cloning) Nas\u0131l \u00c7al\u0131\u015f\u0131r?"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/38363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=38363"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/38363\/revisions"}],"predecessor-version":[{"id":38364,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/38363\/revisions\/38364"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=38363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=38363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=38363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}