JSON, verileri depolamak ve taşımak için kullanılan bir formattır.
JSON genellikle veriler bir sunucudan web'e gönderildiğinde kullanılır sayfa.
JSON, JavaScript Object Notation anlamına gelir
JSON hafif bir veri değişim formatıdır
JSON dilden bağımsızdır *
JSON "kendini tanımlar" 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 programlamayla yazılabilir dil.
Bu JSON sözdizimi bir çalışan nesnesini tanımlar: 3 çalışan kaydından (nesnelerden) oluşan bir dizi:
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}JSON formatı, sözdizimsel olarak oluşturma koduyla aynıdır. JavaScript nesneleri.
Bu benzerlik nedeniyle bir JavaScript programı JSON verilerini kolayca yerel veriye dönüştürebilir JavaScript nesneleri.
Veriler ad/değer çiftleri halindedir
Veriler virgülle ayrılır
Kıvrımlı parantezler nesneleri tutar
Köşeli parantezler dizileri tutar
JSON verileri, tıpkı JavaScript nesnesi gibi ad/değer çiftleri olarak yazılır özellikler.
Bir ad/değer çifti bir alan adından (çift tırnak içinde) oluşur, ardından iki nokta üst üste ve ardından bir değer gelir:
"firstName":"John"JSON adları çift tırnak gerektirir. JavaScript adları geçerli değildir.
JSON nesneleri süslü parantezlerin içine yazılır.
Tıpkı JavaScript'te olduğu gibi nesneler birden fazla ad/değer çifti içerebilir:
{"firstName":"John", "lastName":"Doe"}JSON dizileri köşeli parantezlerin içine yazılır.
Tıpkı JavaScript'te olduğu gibi bir dizi de nesneler içerebilir:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]Yukarıdaki örnekte "çalışanlar" nesnesi bir dizidir. Üç içerir nesneler.
Her nesne bir kişinin kaydıdır (adı ve soyadıyla birlikte).
JSON'un yaygın bir kullanımı, bir web sunucusundan veri okumaktır. ve verileri bir web sayfasında görüntüleyin.
Basit olması açısından bu, girdi olarak bir dize kullanılarak gösterilebilir.
Öncelikle 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" } ]}';Ardından, dizeyi bir JavaScript nesnesine dönüştürmek için JavaScript yerleşik işlevini JSON.parse() kullanın:
const obj = JSON.parse(text);Son olarak sayfanızda yeni JavaScript nesnesini kullanın:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>Kendiniz Deneyin →
<!DOCTYPE html>
<html>
<body>
<h2>Create Object from JSON String</h2>
<p id="demo"></p>
<script>
let text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
const obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
</body>
</html>
JSON hakkında daha fazla bilgiyi JSON eğitimimizde okuyabilirsiniz.