[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-javascript-ile-etkili-string-manipulasyonlari-baslangic-seviyesi-rehber":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},26825,"JavaScript ile Etkili String Manipülasyonları: Başlangıç Seviyesi Rehber","JavaScript'te string işlemleri ve metin manipülasyonu hakkında kapsamlı bir başlangıç seviyesi rehber. Kod snippetlerle etkili yöntemler öğrenin.","\u003Ch1>JavaScript ile Etkili String Manipülasyonları\u003C/h1>\u003Cp>JavaScript programlama dünyasında en sık kullanılan veri türlerinden biri \u003Cstrong>string\u003C/strong> yani metinlerdir. Web sayfalarında kullanıcı girdilerini işlemek, verileri biçimlendirmek veya dinamik içerik oluşturmak için \u003Cstrong>string işlemleri\u003C/strong> vazgeçilmezdir. Bu yazımızda, \u003Cstrong>JavaScript\u003C/strong> ile \u003Cstrong>metin manipülasyonu\u003C/strong> tekniklerini \u003Cstrong>başlangıç seviyesi\u003C/strong> kod snippetlerle birlikte öğreneceksiniz.\u003C/p>\u003Ch2>String Nedir ve Neden Önemlidir?\u003C/h2>\u003Cp>String, karakterlerden oluşan bir veri tipidir. JavaScript'te metinleri temsil etmek için çift tırnak (\"\"), tek tırnak ('') veya backtick (` `) kullanılır. Örneğin:\u003C/p>\u003Cpre>\u003Ccode>let mesaj = \"Merhaba Dünya!\";\u003C/code>\u003C/pre>\u003Cp>Web uygulamalarında kullanıcı isimleri, mesajlar, açıklamalar gibi pek çok veri string olarak saklanır. Bu nedenle, stringleri etkili şekilde işlemek programcılar için kritik bir beceridir.\u003C/p>\u003Ch2>Temel JavaScript String İşlemleri\u003C/h2>\u003Cp>Başlangıç seviyesinde öğrenilmesi gereken bazı temel \u003Cstrong>string işlemleri\u003C/strong> şunlardır:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>Uzunluk Bulma:\u003C/strong> Bir stringin karakter sayısını \u003Ccode>length\u003C/code> özelliği ile öğrenebilirsiniz.\u003Cbr>\u003Ccode>let metin = \"JavaScript\";\u003Cbr>console.log(metin.length); // 10\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>Büyük/Küçük Harfe Çevirme:\u003C/strong> \u003Ccode>toUpperCase()\u003C/code> ve \u003Ccode>toLowerCase()\u003C/code> metodları ile metni büyük veya küçük harfe dönüştürürsünüz.\u003Cbr>\u003Ccode>\"merhaba\".toUpperCase(); // \"MERHABA\"\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>Karaktere Erişim:\u003C/strong> İndeks numarası ile string içindeki belirli karaktere ulaşabilirsiniz.\u003Cbr>\u003Ccode>let ilkHarf = \"JavaScript\"[0]; // 'J'\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>Parçalama (Split):\u003C/strong> Bir metni belirli bir ayırıcıya göre diziye dönüştürür.\u003Cbr>\u003Ccode>\"elma,armut,çilek\".split(\",\"); // [\"elma\", \"armut\", \"çilek\"]\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>Birleştirme (Concat):\u003C/strong> İki veya daha fazla stringi birleştirir.\u003Cbr>\u003Ccode>\"Merhaba\" + \" \" + \"Dünya\"; // \"Merhaba Dünya\"\u003C/code>\u003C/li>\u003C/ul>\u003Ch2>JavaScript'te Metin Manipülasyonu İçin Kullanışlı Fonksiyonlar\u003C/h2>\u003Cp>String manipülasyonu için JavaScript birçok yerleşik fonksiyon sunar. İşte sık kullanılan bazıları:\u003C/p>\u003Cul>\u003Cli>\u003Cstrong>indexOf() ve lastIndexOf():\u003C/strong> Belirli bir karakter veya kelimenin string içindeki konumunu bulur.\u003Cbr>\u003Ccode>let metin = \"JavaScript öğreniyorum\";\u003Cbr>metin.indexOf(\"öğren\"); // 11\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>substring() ve substr():\u003C/strong> Stringin belli bir bölümünü alır.\u003Cbr>\u003Ccode>let parca = metin.substring(0, 10); // \"JavaScript\"\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>replace():\u003C/strong> Metin içinde belirli bir kısmı değiştirir.\u003Cbr>\u003Ccode>let yeniMetin = metin.replace(\"öğreniyorum\", \"çalışıyorum\");\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>trim():\u003C/strong> Metnin başındaki ve sonundaki boşlukları kaldırır.\u003Cbr>\u003Ccode>\"  Merhaba  \".trim(); // \"Merhaba\"\u003C/code>\u003C/li>\u003Cli>\u003Cstrong>includes():\u003C/strong> Bir stringin içinde başka bir stringin olup olmadığını kontrol eder.\u003Cbr>\u003Ccode>metin.includes(\"Java\"); // true\u003C/code>\u003C/li>\u003C/ul>\u003Ch2>Başlangıç Seviyesi Kod Snippet ile Pratik Örnekler\u003C/h2>\u003Cp>Aşağıda, \u003Cstrong>JavaScript\u003C/strong> ile string manipülasyonu konusunda kullanabileceğiniz bazı basit kod snippetleri yer almaktadır:\u003C/p>\u003Ch3>1. Kullanıcı Adının İlk Harfini Büyük Yapma\u003C/h3>\u003Cpre>\u003Ccode>function ilkHarfiBuyut(isim) {\u003Cbr>  return isim.charAt(0).toUpperCase() + isim.slice(1).toLowerCase();\u003Cbr>}\u003Cbr>console.log(ilkHarfiBuyut(\"ahmet\")); // Ahmet\u003C/code>\u003C/pre>\u003Ch3>2. Cümledeki Kelime Sayısını Bulma\u003C/h3>\u003Cpre>\u003Ccode>function kelimeSayisi(cumle) {\u003Cbr>  return cumle.trim().split(/\\s+/).length;\u003Cbr>}\u003Cbr>console.log(kelimeSayisi(\"JavaScript ile metin manipülasyonu\")); // 4\u003C/code>\u003C/pre>\u003Ch3>3. Metni Ters Çevirme\u003C/h3>\u003Cpre>\u003Ccode>function metniTersCevir(metin) {\u003Cbr>  return metin.split(\"\").reverse().join(\"\");\u003Cbr>}\u003Cbr>console.log(metniTersCevir(\"merhaba\")); // \"abahrem\"\u003C/code>\u003C/pre>\u003Ch2>String Manipülasyonlarında Dikkat Edilmesi Gerekenler\u003C/h2>\u003Cp>Metin işlemleri yaparken dikkat edilmesi gereken bazı noktalar vardır. Örneğin, \u003Cstrong>JavaScript\u003C/strong> stringleri değiştirilemez (immutable) olduğu için, her değişiklikte yeni bir string oluşturulur. Bu nedenle büyük veri setlerinde performans etkilenebilir. Ayrıca, uluslararası karakterler ve özel sembollerle çalışırken Unicode uyumluluğuna dikkat etmek gerekir.\u003C/p>\u003Cp>Başlangıç seviyesinde bu temel kavramları öğrenmek, daha karmaşık projelerde rahatlıkla string manipülasyonu yapmanızı sağlar. \u003Cstrong>Kod snippet\u003C/strong> kullanarak pratik yapmak, bilgilerinizi pekiştirmenin en etkili yoludur.\u003C/p>\u003Ch2>Sonuç\u003C/h2>\u003Cp>\u003Cstrong>JavaScript\u003C/strong> ile \u003Cstrong>string işlemleri\u003C/strong> ve \u003Cstrong>metin manipülasyonu\u003C/strong> programlamanın temel taşlarından biridir. Bu yazıda, başlangıç seviyesinde bilmeniz gereken temel fonksiyonlar ve yöntemler hakkında kapsamlı bilgiler sunduk. \u003Cstrong>Başlangıç Seviyesi Kod & Snippet Rehberi\u003C/strong> olarak, kod snippetlerle desteklenen bu tür rehberlerle programlama yolculuğunuzu kolaylaştırmayı hedefliyoruz. String manipülasyonları konusunda ustalaştıkça, web projelerinizde daha dinamik ve kullanıcı dostu içerikler oluşturabilirsiniz.\u003C/p>","Yazılım Öğrenme Rehberi: Basit Kod Örnekleri ve İpuçlarıyla Hemen Öğrenin {Brand}","JavaScript'te string işlemleri ve metin manipülasyonu için başlangıç seviyesi rehber. Kod snippetlerle etkili yöntemler öğrenin.","JavaScript, string, metin manipilasyonu, string islemleri, kod snippet, baslangic seviyesi","javascript-ile-etkili-string-manipulasyonlari-baslangic-seviyesi-rehber","2026-04-11T11:02:47.000Z",{"id":16,"title":17,"slug":18},215,"JS String İşlemleri","js-string-islemleri",{"id":20,"name":21,"nickname":22,"slug":23},93,"Onur Tekin","CodeCraftsman","onur-tekin","/media/blog/9c66c725cdd82fae25be1226d9c79229.jpg","/media/blog/9c66c725cdd82fae25be1226d9c79229_thumb.jpg","/media/blog/9c66c725cdd82fae25be1226d9c79229.webp","/media/blog/9c66c725cdd82fae25be1226d9c79229_thumb.webp",null,{"minutes":30,"wordCount":31,"imageCount":32,"formatted":33},3,477,0,"3 dk okuma süresi","/blog/js-string-islemleri/javascript-ile-etkili-string-manipulasyonlari-baslangic-seviyesi-rehber",[],["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/9c66c725cdd82fae25be1226d9c79229.jpg",{"hid":64,"property":64,"content":65},"og:url","https://kodogreniyorum.com/blog/js-string-islemleri/javascript-ile-etkili-string-manipulasyonlari-baslangic-seviyesi-rehber",{"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-string-islemleri/javascript-ile-etkili-string-manipulasyonlari-baslangic-seviyesi-rehber",["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-string-islemleri",{"@type":102,"position":113,"name":7,"item":65},4]