JavaScript JSON'u
JSON, verileri depolamak ve taşımak için bir formattır.
JSON, genellikle bir sunucudan bir web sayfasına veri gönderildiğinde kullanılır.
JSON nedir?
- JSON, Java S cript O nesne Notasyonu anlamına gelir
- JSON, hafif bir veri değişim formatıdır
- JSON dilden bağımsızdır *
- JSON "kendini açıklar" ve anlaşılması kolaydır
* JSON sözdizimi, JavaScript nesne gösterimi sözdiziminden türetilmiştir, ancak JSON biçimi yalnızca metindir. JSON verilerini okumak ve oluşturmak için kod herhangi bir programlama dilinde yazılabilir.
JSON Örneği
Bu JSON sözdizimi bir çalışan nesnesini tanımlar: 3 çalışan kaydından (nesneler) oluşan bir dizi:
JSON Örneği
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
JSON Formatı JavaScript Nesnelerini Değerlendirir
JSON biçimi, JavaScript nesneleri oluşturma koduyla sözdizimsel olarak aynıdır.
Bu benzerlik nedeniyle, bir JavaScript programı JSON verilerini yerel JavaScript nesnelerine kolayca dönüştürebilir.
JSON Sözdizimi Kuralları
- Veriler ad/değer çiftlerinde
- Veriler virgülle ayrılır
- Kıvrımlı parantezler nesneleri tutar
- Köşeli parantezler dizileri tutar
JSON Verileri - Bir Ad ve Bir Değer
JSON verileri, tıpkı JavaScript nesne özellikleri gibi, ad/değer çiftleri olarak yazılır.
Bir ad/değer çifti, bir alan adından (çift tırnak içinde), ardından iki nokta üst üste ve ardından bir değerden oluşur:
"firstName":"John"
JSON adları çift tırnak gerektirir. JavaScript adları yoktur.
JSON Nesneleri
JSON nesneleri küme parantezleri içinde yazılır.
Tıpkı JavaScript'te olduğu gibi, nesneler birden çok ad/değer çifti içerebilir:
{"firstName":"John", "lastName":"Doe"}
JSON Dizileri
JSON dizileri köşeli parantezler içinde yazılır.
JavaScript'te olduğu gibi, bir dizi nesneler içerebilir:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
Yukarıdaki örnekte, "çalışanlar" nesnesi bir dizidir. Üç nesne içerir.
Her nesne bir kişinin kaydıdır (adı ve soyadı ile).
JSON Metnini JavaScript Nesnesine Dönüştürme
JSON'un yaygın bir kullanımı, bir web sunucusundan veri okumak ve verileri bir web sayfasında görüntülemektir.
Basit olması için, bu, girdi olarak bir dize kullanılarak gösterilebilir.
İlk olarak, JSON sözdizimini içeren bir JavaScript dizesi oluşturun:
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
JSON.parse()Ardından, dizeyi bir JavaScript nesnesine dönüştürmek için yerleşik JavaScript işlevini kullanın:
const obj = JSON.parse(text);
Son olarak, sayfanızda yeni JavaScript nesnesini kullanın:
Örnek
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
JSON hakkında daha fazla bilgiyi JSON eğitimimizde okuyabilirsiniz .