Bu eğitimde, örnekler yardımıyla JSON ve JavaScript'in JSON ile nasıl kullanıldığını öğreneceksiniz.
JSON, Javascript Nesne Gösterimi anlamına gelir. JSON, verileri depolamak ve aktarmak için kullanılan metin tabanlı bir veri biçimidir. Örneğin,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
JSON'da veriler, virgülle ayrılmış anahtar / değer çiftleri halindedir ,.
JSON, JavaScript'ten türetilmiştir. Dolayısıyla, JSON sözdizimi JavaScript nesnesi değişmez sözdizimine benzer. Bununla birlikte, JSON formatına erişilebilir ve diğer programlama dilleri tarafından da oluşturulabilir.
Not : JavaScript Nesneleri ve JSON aynı değildir. Bu eğitimde daha sonra farklılıkları hakkında bilgi edineceksiniz.
JSON Verileri
JSON verileri, JavaScript nesne özelliklerine benzer anahtar / değer çiftlerinden oluşur . Anahtar ve değerler, iki nokta üst üste ile ayrılmış çift tırnak içinde yazılır :. Örneğin,
// JSON data "name": "John"
Not : JSON verileri, anahtar için çift tırnak gerektirir.
JSON Nesnesi
JSON nesnesi kaşlı ayraçlar içinde yazılır ( ). JSON nesneleri birden çok anahtar / değer çifti içerebilir . Örneğin,
// JSON object ( "name": "John", "age": 22 )
JSON Dizisi
JSON dizisi köşeli parantez içinde yazılır ( ). Örneğin,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Not : JSON verileri, nesneler ve diziler içerebilir. Ancak, JavaScript nesnelerinden farklı olarak, JSON verileri değer olarak işlevler içeremez.
JSON Verilerine Erişim
JSON verilerine noktalı gösterimi kullanarak erişebilirsiniz. Örneğin,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
.JSON verilerine erişmek için notasyonu kullanıyoruz . Sözdizimi şöyledir:variableName.key
()JSON verilerine erişmek için köşeli parantez sözdizimini de kullanabilirsiniz . Örneğin,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript Nesneleri VS JSON
JSON sözdizimi JavaScript nesnesine benzer olsa da JSON, JavaScript nesnelerinden farklıdır.
| JSON | JavaScript Nesnesi |
|---|---|
| Anahtar / değer çiftindeki anahtar çift tırnak içinde olmalıdır. | Anahtar / değer çiftindeki anahtar çift tırnak işareti olmadan olabilir. |
| JSON, işlev içeremez. | JavaScript nesneleri işlevler içerebilir. |
| JSON, diğer programlama dilleri tarafından oluşturulabilir ve kullanılabilir. | JavaScript nesneleri yalnızca JavaScript'te kullanılabilir. |
JSON'u JavaScript Nesnesine Dönüştürme
Yerleşik JSON.parse()işlevi kullanarak JSON verilerini bir JavaScript nesnesine dönüştürebilirsiniz . Örneğin,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
JavaScript Nesnesini JSON'a Dönüştürme
JavaScript yerleşik JSON.stringify()işlevini kullanarak JavaScript nesnelerini JSON biçimine de dönüştürebilirsiniz . Örneğin,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
JSON kullanımı
JSON, bir sunucudan bir istemciye veya bir sunucudan bir istemciye veri aktarımı (veri değişimi) için en yaygın kullanılan formattır. JSON verilerinin ayrıştırılması ve kullanılması çok kolaydır. JSON verilerine sadece metin içerdiklerinden erişmek ve bunları değiştirmek hızlıdır.
JSON dilden bağımsızdır. JSON'u diğer programlama dillerinde de oluşturabilir ve kullanabilirsiniz.
