JSON .stringify()
JSON'un yaygın bir kullanımı, bir web sunucusuna/sunucudan veri alışverişi yapmaktır.
Bir web sunucusuna veri gönderirken, verinin bir dize olması gerekir.
JavaScript nesnesini bir dizeye dönüştürün JSON.stringify().
JavaScript Nesnesini Stringify
JavaScript'te bu nesneye sahip olduğumuzu hayal edin:
const obj = {name: "John", age: 30, city: "New York"};
JSON.stringify()Bir dizeye dönüştürmek için JavaScript işlevini kullanın .
const myJSON = JSON.stringify(obj);
Sonuç, JSON gösterimini izleyen bir dize olacaktır.
myJSONartık bir dizedir ve bir sunucuya gönderilmeye hazırdır:
Örnek
const obj = {name: "John", age: 30, city: "New York"};
const myJSON =
JSON.stringify(obj);
JSON'u bir sunucuya nasıl göndereceğinizi sonraki bölümlerde öğreneceksiniz.
JavaScript Dizisini Stringify
JavaScript dizilerini dizmek de mümkündür:
JavaScript'te bu diziye sahip olduğumuzu hayal edin:
const arr = ["John", "Peter", "Sally", "Jane"];
JSON.stringify()Bir dizeye dönüştürmek için JavaScript işlevini kullanın .
const myJSON = JSON.stringify(arr);
Sonuç, JSON gösterimini izleyen bir dize olacaktır.
myJSONartık bir dizedir ve bir sunucuya gönderilmeye hazırdır:
Örnek
const arr = ["John", "Peter", "Sally", "Jane"];
const myJSON =
JSON.stringify(arr);
Sonraki bölümlerde bir sunucuya bir JSON dizisinin nasıl gönderileceğini öğreneceksiniz.
Veri depolama
Verileri depolarken, verilerin belirli bir formatta olması gerekir ve nerede saklamayı seçerseniz seçin, metin her zaman yasal formatlardan biridir.
JSON, JavaScript nesnelerini metin olarak saklamayı mümkün kılar.
Örnek
Verileri yerel depolamada saklama
// Storing data:
const myObj = {name: "John",
age: 31, city: "New York"};
const myJSON =
JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
// Retrieving data:
let text = localStorage.getItem("testJSON");
let obj =
JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
istisnalar
Tarihleri Sırala
JSON'da tarih nesnelerine izin verilmez. İşlev JSON.stringify(), herhangi bir tarihi dizelere dönüştürür.
Örnek
const obj = {name: "John", today: new Date(), city : "New York"};
const myJSON = JSON.stringify(obj);
Dizeyi alıcıda bir tarih nesnesine geri dönüştürebilirsiniz.
Fonksiyonları Dizgelemek
JSON'da işlevlere nesne değeri olarak izin verilmez.
İşlev JSON.stringify(), hem anahtar hem de değer olmak üzere bir JavaScript nesnesindeki tüm işlevleri kaldıracaktır:
Örnek
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
const myJSON = JSON.stringify(obj);
Fonksiyonu çalıştırmadan önce fonksiyonlarınızı dizgelere dönüştürürseniz bu ihmal edilebilir JSON.stringify().
Örnek
const obj = {name: "John", age: function () {return 30;}, city: "New York"};
obj.age = obj.age.toString();
const myJSON = JSON.stringify(obj);
JSON kullanarak işlevler gönderirseniz, işlevler kapsamlarını kaybeder ve alıcının bunları işlevlere geri dönüştürmek için eval() kullanması gerekir.