Javascript Json Kullanımı

Merhaba arkadaşlar bu yazımızda Javascript ile Json kullanımına değineceğiz.

JSON Nedir ?

Json verilerin depolanmasında ve taşınmasında, 3.parti uygulamalardan veri alımında,yazılımlar arası iletişim kurmaya yarayan bir veri formatıdır. Genellikle bir sunucudan bir web sayfasına, mobil uygulamaya veya herhangi bir yazılıma veri göndermek için json kullanırız.

- Json kelimesi , Javascript Object Notation cümlesinin kısaltılmış halidir.

- Json kullanımı basit bir veri formatıdır.

- Json herhangi bir dile bağımlı değildir. Tüm dillerde ortak kullanılabilir

- Json kendi kendini tanımlar ve anlaşılması kolaydır.

- Json javascript nesnelerinden türetilmiştir ancak sadece metin dosyası olduğu için tüm dillerde kullanılabilir ve tüm diller bununla uyumlu halde çalışırlar.

Şimdi bir json örneği inceleyim.

{ 
"kisiler":[
  {"ad":"Zafer""soyad":"Yıldız"},  
  {"ad":"Sedanur""soyad":"Yıldız"}, 
  {"ad":"Sudenur""soyad":"Yıldız"}
]
}

JSON Sözdizimi Kuralları

- Veriler isim/değer şeklinde depolanır.

- Veriler virgülle ayrılır.

- Küme ayraçları nesneleri tutar.

- Köşeli parantezler dizileri tutar.

JSON Verileri - Ad ve Değer

Json verileri tıpkı javascript değerleri gibi ad-değer çiftleri olarak yazılırlar ve Javascript dilinde olduğu gibi, nesneler birden çok ad-değer çifti içerebilirler.

{ "ad":"Zafer","Soyad":"Yıldız" } 

Json isim değerleri çift tırnak kullanmayı gerektirir.

JSON Nesne Kullanımı

Json nesneleri süslü parantez içinde kullanılır. . Açılıp kapanmış bir süslü parantez içerisine birden çok ad-değer ikilisi yazılabilir.

{ 
  "isim":"Zafer",   
  "soyisim":"Yıldız",
  "yas":26        
}

JSON Dizi Kullanımı

Json içerisinde diziler köşeli parantez ile belirtilir. Diziler kendi içerisinde nesneler içerebilirler.

"musteri":[     
  {"ad":"Sarenur", "soyad":"Ocaktan"},  
  {"ad":"Alper", "soyad":"Ocaktan"},
  {"ad":"Sultan", "soyad":"caktan"}  
]

Yukarıdaki örnekte müşteriler bir dizidir ve 3 nesne içerir. Her nesne bir müşterinin kaydıdır.

Json Metinini Javascript Nesnelerine Dönüştürme

JSon günümüzde genel olarak bir sunucudan ya da 3. parti bir uygulamadan (Api gibi) verileri alarak web sayfamızda görüntülemektir. Api konusuna ilerleyen yazılarımızda değineceğiz. Şimdi bir javascript değişkeni oluşturalım ve onu parçalayarak javascript nesnesi haline getirelim. Json metinlerini javascript nesnesine dönüştürmek için JSON.parse() metodunu kullanırız.

Örnek Olarak kişiler adlı json'ımızdan kişileri ul ve li etiketleriyle ekrana basalım.

<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
<meta charset="utf-8"> 
<title></title>
</head> 
  <body> 
<ul id="ekranaBas">

  </ul><script>var kisiler = '{ "kisiler" : [' + 
                '{ "ad":"Zafer" , "soyad":"Yıldız" },' +
                '{ "ad":"Sedanur" , "soyad":"Yıldız" },' +
                '{ "ad":"Sudenur" , "soyad":"Yıldız" } ]}';
      var kisileriParcala = JSON.parse(kisiler); 
        console.log(kisileriParcala.kisiler)
        kisileriParcala.kisiler.forEach(element =>{
          document.getElementById('ekranaBas').innerHTML+="Ad:"+element.ad+" Soyad: "+element.soyad+"<br>";
        });
    </script>     
  </body>
</html>

Çıktı ise Şu şekilde olacaktır:

Ad:Zafer Soyad: Yıldız
Ad:Sedanur Soyad: Yıldız
Ad:Sudenur Soyad: Yıldız 


YAZAR HAKKINDA

26 Yaşında. Araştırmayı seven, bir şeyler öğretmeye meraklı bir Bilgisayar Mühendisi

1 YORUM

Savaş Atay

29-May-2022

json = [ {"isim":"a","filmler":"Aksiyon"}, {"isim":"b","filmler":"Animasyon,Komedi"}, {"isim":"c", "filmler":"Aksiyon,Savaş"}, {"isim":"d", "filmler":"Komedi"} ] Buradaki sadece aksiyon dizilerinin index değerini nasıl alabilirim?


Yorum Yap

@COPYRIGHT KodlamakLazım Tüm Hakları Saklıdır.