2.6/5 Görüntülenme: 7544

JavaScript Replace Kodu Kullanımı


JavaScript dilinde veriler içinde değiştirme işlemi yapmamız gerektiğinde replace veya split ve join kullanabiliriz. Alttaki örneklerdeki gibi istediğimiz fonksiyonu kullanarak veriler arasından değiştirme işlemi yapabiliyor. Hangisini kullanmalıyım diyorsanız hiç farketmez replace daha kısa olduğu için kullanabilirsiniz. Split join Adobe Flash As3 dilinde de javascriptte olduğu gibi kullanılır.

 

JavaScript replace Kullanımı

var metin="içinden değişiklik yapılacak metnimiz";

metin=metin.replace("yapılacak","yapılmış");

alert(metin);

//çıktı: içinden değişiklik yapılmış metnimiz

 

JavaScript Split Join Kullanımı

var metin="içinden değişiklik yapılacak metnimiz";    
    metin=metin.split('Ç').join('c');
    metin=metin.split('ç').join('c');
    metin=metin.split('ı').join('i');
    metin=metin.split('İ').join('i');
    metin=metin.split('Ü').join('u');
    metin=metin.split('ü').join('u');
    metin=metin.split('Ö').join('o');
    metin=metin.split('ö').join('o');
    metin=metin.split('Ş').join('s');
    metin=metin.split('ş').join('s');
    metin=metin.split('Ğ').join('g');
    metin=metin.split('ğ').join('g');

// metin değişkenimizdeki türkçe kararkterli ingilizce karkakterlere çevirmiş oluyoruz. Split Join ile replace yapmak.

 

jQuery ile Replace Kullanımı

<script type="text/javascript" src="http://limitsizbilgi.com/js/jquery.min.1.7.1.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$('.price').html(
$('.price').html().replace("TL","$")
);
});
</script>
// Bu örnekte <div class="price">Bu ürün 50 TL</div> şeklinde bir html kodumuz varsayalım.

  1. satırda sayfa yüklendiğinde işlem yap diyoruz
  2. satırda price class lı div taglarının arasında işlem yap diyoruz
  3. satırda price class lı div taglarının arasındaki verileri al ve TL gördüğün yeri $ yap diyoruz.
  4. 2. satırı kapat
  5. 1. satırı kapat

Sonuç olarak sayfamız yüklendikten sonra Bu ürün 50 $ yazacak. Bunu Eski etl yazımını Yeni tl logosuna otomatik çevirmek içinde kullanabilirsiniz.

$('.price').html().replace("TL","$") bu satırı alttaki şekilde değiştirerek.

$('.price').html().replace("TL","<img src=yeni-tl.png''/>") 

jQuery ile kolay bir şekilde Yeni TL html sayfada nasıl çevrilir bir fikir olarak sizlere sunmuş oldum.


Konu (109) ile ilgili admin @ limitsizbilgi.com adresine E-mail gönderebilirsiniz. İsa Şahintürk