JSON, esas olarak verileri bir sunucu veya sistemden diğerine depolamak ve taşımak için kullanılan hafif bir veri entegrasyon formatıdır. Öte yandan, Harita aynı zamanda verileri de saklar ve anahtarın herhangi bir veri türüne sahip olabileceği anahtar değer biçimini kullanır. Geliştirici, ilgili anahtarı seçerek belirli verileri alabilir.
Bu makalede, aşağıdaki bölümleri ele alarak JSON'u JavaScript'te bir Haritaya/Haritadan dönüştürme işlemi açıklanmaktadır:
- JSON Verilerini JavaScript'te Haritaya Nasıl Dönüştürürüm?
- JSON Verilerini JavaScript'teki Bir Haritadan Nasıl Dönüştürürüz?
- JSON API Nasıl Getirilir ve Verileri Haritaya Dönüştürülür
JSON Verilerini JavaScript'te Haritaya Nasıl Dönüştürürüm?
JSON verilerinin Haritaya dönüştürülmesi, anahtar/değer çifti biçimini şu şekilde korur: 'Harita' ve ayrıca verileri JSON gibi anahtar/değer biçiminde depolar. Böylece geliştirici, JavaScript nesne dönüşümüyle garanti edilmeyen anahtarların orijinal sırasını koruyabilir. Dönüştürme “JSON” içine veri 'Harita' daha fazla esneklik sunar ve geliştiricinin veriler üzerinde geçiş yaparken kolaylık sağlamak için Harita yerleşik yöntemlerini kullanmasına olanak tanır.
JSON sabit kodlu verilerinin Haritaya dönüştürüleceği aşağıdaki kod bloğunu ziyaret edelim:
< komut dosyası türü = 'metin/javascript' >
yapı jsonFormat = '{'author1':'Jackson,'author2':'Reed,'author3':'Tasha,'author4':'Petterson'} ' ;
yapı harita Formatı = yeni Harita ( Nesne . girdileri ( JSON. ayrıştırmak ( jsonFormat ) ) ) ;
konsol. kayıt ( harita Formatı ) ;
senaryo >
Yukarıdaki kodun açıklaması şu şekilde ifade edilmiştir:
- İlk olarak, adında bir const türü değişkeni oluşturun. 'jsonFormat' JSON formatında, yani anahtar/değer formatında veri içeren.
- Ardından, Haritanın yeni bir örneğini şu adla oluşturun: “harita Formatı” . JSON verilerini ayrıştırmak için “harita Formatı” içinde “JSON.parse()” yöntem.
- Daha sonra bu yöntemin döndürdüğü sonucu “Nesne.girişler()” bir dizi dizisi oluşturmak için ve her bir iç dizi, anahtar/değer çiftlerini temsil eder.
- Nihai sonucu veya tüm bu yöntemleri, uygun hizalama boyunca iletin. 'Harita' yapıcı. Şimdi onun örneği “harita Formatı” kullanılarak konsol penceresi üzerinde görüntülenen dönüştürülmüş JSON verilerini içerir. “console.log()” yöntem.
Yukarıdaki kodun derlenmesinden sonra konsol penceresi şu şekilde görünecektir:
Çıktı, JSON verilerinin Haritaya dönüştürüldüğünü doğrular. JSON verilerini diziye veya Haritaya dönüştürmeye yönelik daha fazla bilgi ve örnekler için diğer sayfamızı ziyaret edebilirsiniz. madde .
JSON Verilerini JavaScript'teki Bir Haritadan Nasıl Dönüştürürüz?
Verileri JSON formatına dönüştürmek, kullanım ömrü boyunca kullanılabilirliğini artırır ve bu verileri, veri kaybı olmadan ağ üzerinden herhangi bir yere göndermenize olanak tanır. Üstelik JSON formatı insanlar tarafından kolayca okunabilir ve web API'sinde veya yapılandırma dosyalarında kullanılabilir. Aşağıdaki programda Harita verileri JSON formatına dönüştürülecektir:
< komut dosyası türü = 'metin/javascript' >yapı harita Formatı = yeni Harita ( [
[ 'yazar1' , 'Jackson' ] ,
[ 'yazar2' , 'Kamış' ] ,
[ 'yazar3' , 'Taşa' ] ,
[ 'yazar4' , 'Peterson' ] ,
] ) ;
yapı jsonFormat = JSON. tel örgü haline getirmek ( Nesne . itibarenGirişler ( harita Formatı ) ) ;
konsol. kayıt ( jsonFormat ) ;
senaryo >
Yukarıdaki kod bloğunun açıklaması şu şekildedir:
- İlk olarak, adı verilen örnek “harita Formatı” Birkaç giriş içeren Harita için oluşturulur.
- Daha sonra, “Object.fromEntries()” yöntemi kullanılır ve “harita Formatı” ona aktarılır. Bu, sağlanan Harita verilerini iç içe geçmiş bir diziye dönüştürecektir.
- Daha sonra iç içe dizi, “JSON.stringify()” anahtar/değer çiftinin hizalamasını korurken iç içe diziyi JSON biçimine dönüştürme yöntemi.
- Sonunda oluşturulan JSON formatındaki veriler konsol penceresinde görüntülenir.
Yukarıdaki kodun derlenmesinden sonra oluşturulan çıktı aşağıda gösterilmiştir:
Çıktı, Harita verilerinin artık başarıyla JSON formatına dönüştürüldüğünü gösteriyor.
JSON API Nasıl Getirilir ve Verileri Haritaya Nasıl Dönüştürülür?
API'den alınan JSON verileri de yukarıda birinci bölümde açıklanan yaklaşımın aynısı kullanılarak doğrudan Haritaya dönüştürülebilir. Bunu yapmak için önce API'nin getirilmesi gerekir, ardından getirilen JSON verileri aşağıda gösterildiği gibi Haritaya dönüştürülür:
< senaryo >eşzamansız işlev JSONAPi'yi dönüştür ( ) {
denemek {
yapı res = getirilmeyi beklemek ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
yapı jsonFormat = res'i bekleyin. json ( ) ;
yapı harita Formatı = yeni Harita ( Nesne . girdileri ( jsonFormat ) ) ;
konsol. kayıt ( harita Formatı ) ;
} yakalamak ( nedenHata ) {
konsol. hata ( 'Veri alınırken veya dönüştürülürken hata oluştu:' , nedenHata ) ;
}
}
JSONAPi'yi dönüştür ( ) ;
senaryo >
Yukarıdaki kodun açıklaması aşağıda belirtilmiştir:
- İlk olarak, adı verilen eşzamansız işlev “JSONApi()'yi dönüştür” işlevin arkasında 'async' anahtar sözcüğü kullanılarak tanımlanır “anahtar kelime” .
- Daha sonra şunu kullanın: 'denemek' engelle ve oluştur “yapı” tip değişkeni “res” Bu, getirilen verileri API'den saklayacak. Alma işlemi, API bağlantısının içine eklenmesiyle gerçekleştirilir. 'gidip getirmek()' yöntem. Ayrıca şunu ekleyin: “bekle” bunun arkasındaki anahtar kelime 'gidip getirmek()' tüm API verilerinin gelmesini bekleme yöntemi.
- Daha sonra şunları uygulayın: “json()” Alınan veya getirilen tüm verileri okumak için 'res' değişkenindeki yöntem. “bekle” Verilerin okunmasının tamamlanmasını beklemek için anahtar kelime de arkasına uygulanır. Sonucu adı verilen değişkene iletin 'jsonFormat' .
- Bundan sonra, 'jsonFormat' adlı yöntemin içine iletilir “Nesne.girişler()” Sağlanan veriler için iç içe geçmiş bir dizi oluşturmak için. Bu daha sonra içeri aktarılır. 'Harita()' dizileri Haritaya dönüştüren yapıcı ve 'Harita' örnek adı “harita Formatı” .
- Artık Haritaya dönüştürülen bu getirilen JSON API'si daha sonra konsolda “harita Formatı” içindeki değişken “console.log()” yöntem.
- Tüm süreç boyunca oluşan herhangi bir hatayı yakalamak için 'yakalamak' Oluşan hataları içeren sahte bir parametreyi bloke edin ve iletin ve bunu işlemek için sahte bir mesaj görüntüler.
Yukarıdaki kodun tamamlanmasından sonraki çıktı aşağıda gösterilmiştir:
Çıktı, JSON formatındaki verilerin sağlanan API'den alındığını ve ardından bu verilerin Haritaya dönüştürüldüğünü gösterir.
JavaScript'te JSON'u Haritaya ve Haritayı JSON'a dönüştürme sürecini öğrendiniz.
Çözüm
JSON verilerini Haritaya dönüştürmek için aşağıdaki gibi yöntemler “JSON.parse()” Ve “Nesne.girişler()” kullanılmış. Birincisi JSON verilerini ayrıştırır, ikincisi ise ayrıştırılmış verilerin iç içe geçmiş bir dizisini oluşturur. Harita verilerinin JSON formatına dönüştürülmesi durumunda, “Object.fromEntries()” Ve “JSON.stringify()” verileri sırasıyla iç içe diziye dönüştürecek ve JSON formatına dönüştürecek yöntemler kullanılır. Bu blog, JSON'u JavaScript'teki bir Haritaya ve Haritadan dönüştürme prosedürünü açıkladı.