[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-objelerle-kolay-ve-etkili-islemler-rehberi-javascript-obje-manipulasyonunda-bas":3},{"dataItem":4,"heading":36,"metaData":38,"schema":81},["Reactive",5],{"id":6,"title":7,"summary":8,"content":9,"seo_title":10,"seo_description":11,"seo_keywords":12,"slug":13,"createdAt":14,"updatedAt":14,"blog_categories":15,"authors":19,"image":24,"thumb":25,"image_webp":26,"thumb_webp":27,"rating":28,"heading_title":7,"heading_sub_title":17,"readingTime":29,"url":34,"comments":35,"meta_cover":24},4562,"Objelerle Kolay ve Etkili İşlemler Rehberi: JavaScript Obje Manipülasyonunda Baş","JavaScript'te obje işlemlerini kolay ve etkili şekilde yapmanızı sağlayacak başlangıç seviyesinden ileri düzeye kod örnekleri ve ipuçlarıyla dolu kapsamlı rehber.","\u003Ch1>Objelerle Kolay ve Etkili İşlemler Rehberi\u003C/h1>\u003Cp>JavaScript programlama dilinde \u003Cstrong>objelerle\u003C/strong> çalışmak, veri yapılarının yönetimi ve işlenmesi açısından oldukça önemlidir. \u003Cstrong>Obje işlemleri\u003C/strong> sayesinde verileri düzenlemek, değiştirmek ve kullanmak çok daha kolay hale gelir. Bu rehberde, \u003Cstrong>JavaScript\u003C/strong> ile \u003Cstrong>object manipulation\u003C/strong> yani obje manipülasyonunun temel prensiplerini ve sık kullanılan yöntemleri, \u003Cstrong>başlangıç\u003C/strong> seviyesinden başlayarak detaylı \u003Cstrong>kod örnekleri\u003C/strong> ile anlatacağız.\u003C/p>\u003Ch2>JavaScript'te Obje Nedir?\u003C/h2>\u003Cp>JavaScript'te obje, anahtar-değer çiftlerinden oluşan bir veri yapısıdır. Bir obje, farklı türlerde verileri bir arada tutabilir ve bu verilere anahtarlar aracılığıyla erişilebilir. Örneğin:\u003C/p>\u003Cpre>\u003Ccode>const person = {\u003Cbr>  name: \"Ahmet\",\u003Cbr>  age: 30,\u003Cbr>  city: \"İstanbul\"\u003Cbr>};\u003C/code>\u003C/pre>\u003Cp>Burada \u003Ccode>person\u003C/code> adlı obje üç farklı özelliğe sahiptir: \u003Ccode>name\u003C/code>, \u003Ccode>age\u003C/code> ve \u003Ccode>city\u003C/code>. Bu özelliklere erişmek için \u003Ccode>person.name\u003C/code> veya \u003Ccode>person[\"name\"]\u003C/code> kullanılabilir.\u003C/p>\u003Ch2>Obje İşlemlerinde Temel Yöntemler\u003C/h2>\u003Cp>JavaScript'te objelerle çalışırken sıkça kullanılan bazı temel işlemler vardır. Bunlar şunlardır:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Özellik Ekleme ve Güncelleme:\u003C/strong> Yeni bir özellik eklemek veya var olanı değiştirmek için doğrudan atama yapılabilir.\u003C/li>\u003Cli>\u003Cstrong>Özellik Silme:\u003C/strong> \u003Ccode>delete\u003C/code> operatörü ile obje içerisindeki bir özellik kaldırılabilir.\u003C/li>\u003Cli>\u003Cstrong>Özelliklere Erişim:\u003C/strong> Nokta notasyonu veya köşeli parantez kullanılarak özelliklere erişilebilir.\u003C/li>\u003Cli>\u003Cstrong>Özelliklerin Listelenmesi:\u003C/strong> \u003Ccode>Object.keys()\u003C/code>, \u003Ccode>Object.values()\u003C/code> ve \u003Ccode>Object.entries()\u003C/code> metodları ile obje özellikleri ve değerleri listelenebilir.\u003C/li>\u003C/ul>\u003Ch3>Örnek Kodlar\u003C/h3>\u003Cp>\u003Cstrong>Özellik Ekleme ve Güncelleme:\u003C/strong>\u003C/p>\u003Cpre>\u003Ccode>const car = { brand: \"Toyota\", model: \"Corolla\" };\u003Cbr>car.year = 2020; // Yeni özellik ekleme\u003Cbr>car.model = \"Camry\"; // Özellik güncelleme\u003C/code>\u003C/pre>\u003Cp>\u003Cstrong>Özellik Silme:\u003C/strong>\u003C/p>\u003Cpre>\u003Ccode>delete car.year; // 'year' özelliğini siler\u003C/code>\u003C/pre>\u003Cp>\u003Cstrong>Özelliklere Erişim:\u003C/strong>\u003C/p>\u003Cpre>\u003Ccode>console.log(car.brand); // Toyota\u003Cbr>console.log(car[\"model\"]); // Camry\u003C/code>\u003C/pre>\u003Cp>\u003Cstrong>Özelliklerin Listelenmesi:\u003C/strong>\u003C/p>\u003Cpre>\u003Ccode>console.log(Object.keys(car)); // [\"brand\", \"model\"]\u003Cbr>console.log(Object.values(car)); // [\"Toyota\", \"Camry\"]\u003Cbr>console.log(Object.entries(car)); // [[\"brand\", \"Toyota\"], [\"model\", \"Camry\"]]\u003C/code>\u003C/pre>\u003Ch2>Obje Kopyalama ve Birleştirme\u003C/h2>\u003Cp>Objeler üzerinde işlem yaparken orijinal objeyi değiştirmeden yeni bir obje oluşturmak veya objeleri birleştirmek sıkça ihtiyaç duyulan işlemlerdendir. JavaScript'te bu işlemler için birkaç yöntem vardır:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Spread Operatörü (...):\u003C/strong> Objenin kopyasını oluşturmak veya birleştirmek için kullanılır.\u003C/li>\u003Cli>\u003Cstrong>Object.assign():\u003C/strong> Bir veya daha fazla objeyi birleştirerek yeni bir obje oluşturur.\u003C/li>\u003C/ul>\u003Ch3>Örnekler\u003C/h3>\u003Cpre>\u003Ccode>const obj1 = { a: 1, b: 2 };\u003Cbr>const obj2 = { b: 3, c: 4 };\u003Cbr>\u003Cbr>// Spread operatörü ile kopyalama\u003Cbr>const copyObj = { ...obj1 };\u003Cbr>\u003Cbr>// Spread operatörü ile birleştirme\u003Cbr>const mergedObj = { ...obj1, ...obj2 }; // b:3 ile güncellenir\u003Cbr>\u003Cbr>// Object.assign ile birleştirme\u003Cbr>const mergedObj2 = Object.assign({}, obj1, obj2);\u003C/code>\u003C/pre>\u003Ch2>Obje İçinde Döngü Kullanımı\u003C/h2>\u003Cp>Objelerin özellikleri üzerinde döngü ile işlem yapmak için \u003Ccode>for...in\u003C/code> döngüsü yaygın olarak kullanılır. Bu döngü, objenin tüm enumerable özelliklerini iterasyonla dolaşır.\u003C/p>\u003Cpre>\u003Ccode>const user = { name: \"Ayşe\", age: 25, city: \"Ankara\" };\u003Cbr>\u003Cbr>for (let key in user) {\u003Cbr>  console.log(key + \": \" + user[key]);\u003Cbr>}\u003C/code>\u003C/pre>\u003Cp>Yukarıdaki örnekte, obje içerisindeki tüm anahtarlar ve değerleri konsola yazdırılır.\u003C/p>\u003Ch2>Obje Manipülasyonunda Fonksiyonlar\u003C/h2>\u003Cp>Objelerle çalışırken fonksiyonlar kullanmak, kodunuzu daha modüler ve okunabilir hale getirir. Örneğin, obje özelliklerini güncelleyen veya belirli kriterlere göre filtreleyen fonksiyonlar yazabilirsiniz.\u003C/p>\u003Ch3>Örnek Fonksiyon\u003C/h3>\u003Cpre>\u003Ccode>function updateProperty(obj, key, value) {\u003Cbr>  if (obj.hasOwnProperty(key)) {\u003Cbr>    obj[key] = value;\u003Cbr>  } else {\u003Cbr>    console.log(key + \" özelliği objede bulunamadı.\");\u003Cbr>  }\u003Cbr>}\u003Cbr>\u003Cbr>const product = { name: \"Kitap\", price: 20 };\u003Cbr>updateProperty(product, \"price\", 25);\u003Cbr>console.log(product.price); // 25\u003C/code>\u003C/pre>\u003Ch2>Başlangıç Seviyesi İçin İpuçları\u003C/h2>\u003Cp>\u003Cstrong>Obje işlemleri\u003C/strong> konusunda yeni başlayanlar için bazı öneriler:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Objeyi iyi tanıyın:\u003C/strong> Hangi özelliklerin olduğunu ve nasıl erişileceğini öğrenin.\u003C/li>\u003Cli>\u003Cstrong>Spread operatörünü kullanın:\u003C/strong> Obje kopyalama ve birleştirme işlemlerinde kolaylık sağlar.\u003C/li>\u003Cli>\u003Cstrong>Fonksiyonlarla çalışın:\u003C/strong> Tekrarlayan işlemleri fonksiyonlarla soyutlayarak kodunuzu sadeleştirin.\u003C/li>\u003Cli>\u003Cstrong>console.log kullanın:\u003C/strong> Kodunuzun doğru çalıştığını görmek için ara çıktılar alın.\u003C/li>\u003C/ul>\u003Ch2>Sonuç\u003C/h2>\u003Cp>JavaScript'te \u003Cstrong>objelerle\u003C/strong> çalışmak, programlama becerilerinizi geliştirmenin temel taşlarından biridir. Bu rehberde paylaşılan \u003Cstrong>kod örnekleri\u003C/strong> ve açıklamalar, \u003Cstrong>başlangıç\u003C/strong> seviyesindeki geliştiricilerin \u003Cstrong>object manipulation\u003C/strong> konusunda sağlam bir temel oluşturmasına yardımcı olacaktır. \u003Cstrong>Obje işlemleri\u003C/strong> konusunda pratik yaparak, daha karmaşık veri yapıları ve uygulamalar geliştirebilirsiniz. Başlangıç Seviyesi Kod & Snippet Rehberi olarak, bu tür temel konularda rehberlik etmeye devam edeceğiz.\u003C/p>","Objelerle Kolay ve Etkili İşlemler Rehberi - JavaScript Baş","JavaScript'te obje işlemlerini kolayca öğrenin. Başlangıç seviyesinden kod örnekleriyle etkili object manipulation rehberi.","JavaScript, Obje islemleri, Object manipulation, Kod ornekleri, Baslangic","objelerle-kolay-ve-etkili-islemler-rehberi-javascript-obje-manipulasyonunda-bas","2025-12-15T05:31:31.000Z",{"id":16,"title":17,"slug":18},213,"JS Array ve Object Manipülasyonu","js-array-object-manipulasyonu",{"id":20,"name":21,"nickname":22,"slug":23},93,"Onur Tekin","CodeCraftsman","onur-tekin","/media/blog/ac98cdc8664ffcca47561cada355bfdd.jpg","/media/blog/ac98cdc8664ffcca47561cada355bfdd_thumb.jpg","/media/blog/ac98cdc8664ffcca47561cada355bfdd.webp","/media/blog/ac98cdc8664ffcca47561cada355bfdd_thumb.webp",null,{"minutes":30,"wordCount":31,"imageCount":32,"formatted":33},3,546,0,"3 dk okuma süresi","/blog/js-array-object-manipulasyonu/objelerle-kolay-ve-etkili-islemler-rehberi-javascript-obje-manipulasyonunda-bas",[],["Reactive",37],{"title":7,"subTitle":17,"image":24},["Reactive",39],{"title":10,"meta":40,"link":75},[41,43,45,48,51,54,57,60,63,66,69,71,73],{"hid":42,"name":42,"content":11},"description",{"hid":44,"name":44,"content":12},"keywords",{"hid":46,"name":46,"content":47},"author","Başlangıç Seviyesi Kod & Snippet Rehberi",{"hid":49,"name":49,"content":50},"robots","index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",{"hid":52,"property":52,"content":53},"og:type","website",{"hid":55,"property":55,"content":56},"og:title","Başlangıç Kod & Snippet Rehberi | KodÖğreniyorum",{"hid":58,"property":58,"content":59},"og:description","Yeni başlayanlara yönelik kısa kod örnekleri, snippet'ler ve adım adım alıştırmalar. Hızlı uygulamalarla temel programlama mantığını pekiştir.",{"hid":61,"property":61,"content":62},"og:image","https://kodogreniyorum.com/media/blog/ac98cdc8664ffcca47561cada355bfdd.jpg",{"hid":64,"property":64,"content":65},"og:url","https://kodogreniyorum.com/blog/js-array-object-manipulasyonu/objelerle-kolay-ve-etkili-islemler-rehberi-javascript-obje-manipulasyonunda-bas",{"hid":67,"name":67,"content":68},"twitter:card","summary_large_image",{"hid":70,"name":70,"content":56},"twitter:title",{"hid":72,"name":72,"content":59},"twitter:description",{"hid":74,"name":74,"content":62},"twitter:image",[76,78],{"rel":77,"href":65},"canonical",{"rel":79,"href":80},"amphtml","https://amp.kodogreniyorum.com/blog/js-array-object-manipulasyonu/objelerle-kolay-ve-etkili-islemler-rehberi-javascript-obje-manipulasyonunda-bas",["Reactive",82],{"@context":83,"@graph":84},"https://schema.org",[85,98],{"@type":86,"headline":10,"image":62,"author":87,"publisher":90,"datePublished":14,"dateModified":14,"mainEntityOfPage":96,"description":11},"BlogPosting",{"@type":88,"name":21,"url":89},"Person","https://kodogreniyorum.com/yazarlar/onur-tekin",{"@type":91,"name":47,"logo":92},"Organization",{"@type":93,"url":94,"width":95,"height":95},"ImageObject","https://kodogreniyorum.com/img/icons/favicon.png",32,{"@type":97,"@id":65},"WebPage",{"@type":99,"itemListElement":100},"BreadcrumbList",[101,106,110,112],{"@type":102,"position":103,"name":104,"item":105},"ListItem",1,"Ana Sayfa","https://kodogreniyorum.com",{"@type":102,"position":107,"name":108,"item":109},2,"Blog","https://kodogreniyorum.com/blog",{"@type":102,"position":30,"name":17,"item":111},"https://kodogreniyorum.com/blog/js-array-object-manipulasyonu",{"@type":102,"position":113,"name":7,"item":65},4]