[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-objelerle-kolay-ve-etkili-islemler-rehberi-javascriptte-object-manipulation":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},18372,"Objelerle Kolay ve Etkili İşlemler Rehberi: JavaScript'te Object Manipulation","JavaScript'te obje işlemleri nasıl yapılır? Bu rehberde, \u003Cstrong>Başlangıç\u003C/strong> seviyesinden başlayarak, \u003Cstrong>JavaScript\u003C/strong> \u003Cstrong>object manipulation\u003C/strong> tekniklerini ve pratik \u003Cstrong>kod örnekleri\u003C/strong> ile kolay yöntemleri keşfedin.","\u003Ch1>Objelerle Kolay ve Etkili İşlemler Rehberi\u003C/h1>\u003Cp>JavaScript programlama dilinde \u003Cstrong>objeler\u003C/strong>, verileri organize etmek ve yönetmek için en temel yapılardan biridir. \u003Cstrong>Obje işlemleri\u003C/strong> yani \u003Cstrong>object manipulation\u003C/strong>, kod yazarken sıkça ihtiyaç duyulan ve öğrenilmesi gereken önemli bir konudur. Bu rehberde, \u003Cstrong>Başlangıç\u003C/strong> seviyesinden başlayarak, JavaScript'te objelerle nasıl kolay ve etkili işlemler yapabileceğinizi, pratik \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 tek bir yapıda tutmanızı sağlar. Örneğin, bir kişinin adı, yaşı ve mesleği gibi bilgileri bir obje içinde saklayabilirsiniz:\u003C/p>\u003Cpre>\u003Ccode>const kisi = {\u003Cbr>  ad: \"Ahmet\",\u003Cbr>  yas: 30,\u003Cbr>  meslek: \"Mühendis\"\u003Cbr>};\u003C/code>\u003C/pre>\u003Cp>Bu yapı sayesinde, verilerinizi düzenli ve erişilebilir şekilde tutabilirsiniz.\u003C/p>\u003Ch2>Temel Obje İşlemleri\u003C/h2>\u003Cp>\u003Cstrong>Obje işlemleri\u003C/strong> arasında en temel olanları, obje oluşturma, özelliklere erişim, özellik ekleme, güncelleme ve silmedir. Şimdi bu işlemleri detaylıca inceleyelim.\u003C/p>\u003Ch3>1. Obje Oluşturma\u003C/h3>\u003Cp>JavaScript'te obje oluşturmanın birkaç yolu vardır. En yaygın yöntemler şunlardır:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Obje literal kullanımı:\u003C/strong> Yukarıdaki örnekte olduğu gibi süslü parantezler ile obje oluşturabilirsiniz.\u003C/li>\u003Cli>\u003Cstrong>Object constructor:\u003C/strong> \u003Ccode>new Object()\u003C/code> kullanarak da obje oluşturabilirsiniz.\u003C/li>\u003C/ul>\u003Ch3>2. Özelliklere Erişim\u003C/h3>\u003Cp>Objenin özelliklerine erişmek için iki yöntem kullanılır:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Nokta notasyonu:\u003C/strong> \u003Ccode>kisi.ad\u003C/code> şeklinde erişim.\u003C/li>\u003Cli>\u003Cstrong>Köşeli parantez notasyonu:\u003C/strong> \u003Ccode>kisi[\"ad\"]\u003C/code> şeklinde erişim, özellikle dinamik anahtarlar için kullanılır.\u003C/li>\u003C/ul>\u003Ch3>3. Özellik Ekleme ve Güncelleme\u003C/h3>\u003Cp>Yeni bir özellik eklemek veya mevcut bir özelliği güncellemek için aynı yöntemler kullanılır:\u003C/p>\u003Cpre>\u003Ccode>kisi.soyad = \"Yılmaz\"; // Yeni özellik ekleme\u003Cbr>kisi.yas = 31; // Mevcut özelliği güncelleme\u003C/code>\u003C/pre>\u003Ch3>4. Özellik Silme\u003C/h3>\u003Cp>Bir özelliği silmek için \u003Ccode>delete\u003C/code> anahtar kelimesi kullanılır:\u003C/p>\u003Cpre>\u003Ccode>delete kisi.meslek;\u003C/code>\u003C/pre>\u003Ch2>Object Manipulation İçin Faydalı Metotlar\u003C/h2>\u003Cp>JavaScript, objelerle çalışmayı kolaylaştıran birçok yerleşik metoda sahiptir. Bunlar sayesinde objeleri daha etkin yönetebilirsiniz.\u003C/p>\u003Ch3>Object.keys()\u003C/h3>\u003Cp>Bir objenin tüm anahtarlarını bir dizi olarak döner:\u003C/p>\u003Cpre>\u003Ccode>const anahtarlar = Object.keys(kisi);\u003Cbr>console.log(anahtarlar); // ['ad', 'yas', 'soyad']\u003C/code>\u003C/pre>\u003Ch3>Object.values()\u003C/h3>\u003Cp>Objenin tüm değerlerini bir dizi olarak döner:\u003C/p>\u003Cpre>\u003Ccode>const degerler = Object.values(kisi);\u003Cbr>console.log(degerler); // ['Ahmet', 31, 'Yılmaz']\u003C/code>\u003C/pre>\u003Ch3>Object.entries()\u003C/h3>\u003Cp>Objenin anahtar-değer çiftlerini içeren bir dizi döner:\u003C/p>\u003Cpre>\u003Ccode>const ciftler = Object.entries(kisi);\u003Cbr>console.log(ciftler); // [['ad', 'Ahmet'], ['yas', 31], ['soyad', 'Yılmaz']]\u003C/code>\u003C/pre>\u003Ch3>Object.assign()\u003C/h3>\u003Cp>Bir veya daha fazla objeyi hedef objeye kopyalar. Bu yöntemle objeleri birleştirebilir veya klonlayabilirsiniz:\u003C/p>\u003Cpre>\u003Ccode>const adres = {\u003Cbr>  sehir: \"İstanbul\",\u003Cbr>  ulke: \"Türkiye\"\u003Cbr>};\u003Cbr>const kisiDetay = Object.assign({}, kisi, adres);\u003Cbr>console.log(kisiDetay);\u003C/code>\u003C/pre>\u003Ch2>Obje Döngüleri ile Etkili İşlemler\u003C/h2>\u003Cp>Objeler üzerinde döngü kullanarak tüm özelliklere erişmek ve işlem yapmak mümkündür. En çok kullanılan yöntemler:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>for...in döngüsü:\u003C/strong> Objenin tüm enumerable özellikleri üzerinde döner.\u003C/li>\u003C/ul>\u003Cpre>\u003Ccode>for (let key in kisi) {\u003Cbr>  console.log(key + \": \" + kisi[key]);\u003Cbr>}\u003C/code>\u003C/pre>\u003Cp>Bu döngü sayesinde objedeki her anahtar ve değere kolayca ulaşabilirsiniz.\u003C/p>\u003Ch2>Derin Kopyalama ve Referans Konusu\u003C/h2>\u003Cp>JavaScript'te objeler referans tiptir. Bu nedenle bir objeyi başka bir değişkene atadığınızda, aslında aynı referans paylaşılır. Bu durum, orijinal objede yapılan değişikliklerin diğerini de etkilemesine neden olur. Derin kopyalama yaparak bu sorunu çözebilirsiniz:\u003C/p>\u003Cpre>\u003Ccode>const kisiKopya = JSON.parse(JSON.stringify(kisi));\u003C/code>\u003C/pre>\u003Cp>Bu yöntem basit objeler için uygundur ancak fonksiyon veya özel tipler içeren objelerde dikkatli olunmalıdır.\u003C/p>\u003Ch2>Pratik Kod Örnekleri ile Obje İşlemleri\u003C/h2>\u003Cp>Aşağıda, \u003Cstrong>JavaScript\u003C/strong> \u003Cstrong>object manipulation\u003C/strong> konusunda sık kullanılan bazı pratik \u003Cstrong>kod örnekleri\u003C/strong> bulunmaktadır:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Özellik var mı kontrolü:\u003C/strong>\u003C/li>\u003C/ul>\u003Cpre>\u003Ccode>if (\"ad\" in kisi) {\u003Cbr>  console.log(\"Ad özelliği mevcut.\");\u003Cbr>}\u003C/code>\u003C/pre>\u003Cul>\u003Cli>\u003Cstrong>Objeyi dondurmak (değiştirilemez yapmak):\u003C/strong>\u003C/li>\u003C/ul>\u003Cpre>\u003Ccode>Object.freeze(kisi);\u003C/code>\u003C/pre>\u003Cul>\u003Cli>\u003Cstrong>Objenin tüm özelliklerini silmek:\u003C/strong>\u003C/li>\u003C/ul>\u003Cpre>\u003Ccode>for (let key in kisi) {\u003Cbr>  delete kisi[key];\u003Cbr>}\u003C/code>\u003C/pre>\u003Ch2>Başlangıç Seviyesi İçin Öneriler\u003C/h2>\u003Cp>\u003Cstrong>Başlangıç\u003C/strong> seviyesinde objelerle çalışırken, temel kavramları iyi anlamak çok önemlidir. Yukarıdaki örnekleri deneyerek, farklı senaryolarda objelerle nasıl çalışıldığını keşfedebilirsiniz. Ayrıca, \u003Cstrong>Başlangıç Seviyesi Kod & Snippet Rehberi\u003C/strong> gibi kaynaklardan faydalanarak, daha fazla \u003Cstrong>kod örnekleri\u003C/strong> ve pratik bilgiler edinebilirsiniz.\u003C/p>\u003Ch2>Sonuç\u003C/h2>\u003Cp>JavaScript'te \u003Cstrong>objelerle kolay ve etkili işlemler\u003C/strong> yapmak, programlama becerilerinizi geliştirmenin temel adımlarından biridir. Bu rehberde, \u003Cstrong>object manipulation\u003C/strong> için gerekli temel bilgileri ve pratik yöntemleri paylaştık. Düzenli pratik yaparak, objelerle ilgili karmaşık işlemleri bile rahatlıkla gerçekleştirebilirsiniz. Unutmayın, kod yazmak öğrenmenin en iyi yoludur!\u003C/p>","Yazılım Öğrenme Rehberi – Basit Yazılım Örnekleri İçeren Başlangıç Kılavuzu","JavaScript'te obje işlemleri ve object manipulation için kolay ve etkili yöntemler. Başlangıç seviyesine uygun kod örnekleri ile öğrenin.","JavaScript, Obje islemleri, Object manipulation, Kod ornekleri, Baslangic","objelerle-kolay-ve-etkili-islemler-rehberi-javascriptte-object-manipulation","2026-02-12T21:00:20.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/6c0c10d9ffdab81153319349f890234b.jpg","/media/blog/6c0c10d9ffdab81153319349f890234b_thumb.jpg","/media/blog/6c0c10d9ffdab81153319349f890234b.webp","/media/blog/6c0c10d9ffdab81153319349f890234b_thumb.webp",null,{"minutes":30,"wordCount":31,"imageCount":32,"formatted":33},3,583,0,"3 dk okuma süresi","/blog/js-array-object-manipulasyonu/objelerle-kolay-ve-etkili-islemler-rehberi-javascriptte-object-manipulation",[],["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/6c0c10d9ffdab81153319349f890234b.jpg",{"hid":64,"property":64,"content":65},"og:url","https://kodogreniyorum.com/blog/js-array-object-manipulasyonu/objelerle-kolay-ve-etkili-islemler-rehberi-javascriptte-object-manipulation",{"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-javascriptte-object-manipulation",["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]