JavaScript'te JSON Nesneleri Dizisi Nasıl Kullanılır

Javascript Te Json Nesneleri Dizisi Nasil Kullanilir



JavaScript Object Notation (JSON), veri depolamanın yanı sıra istemciler ve sunucular arasında alışveriş için iyi bilinen bir formattır. JavaScript, JSON nesneleri aracılığıyla dizilerle manipülasyon gerçekleştirmek için bir ortam sağlar. Bu şekilde, kullanıcılar dizide depolanan bilgileri değiştirebilir ve görüntüleyebilir. Bu öğreticide, diziyi farklı amaçlar için nasıl kullanacağınızı öğreneceksiniz. JSON nesne.

Bu kılavuz aşağıdaki içeriği sunar:

JavaScript'te JSON Nesneleri Dizisi Nasıl Kullanılır?

JSON nesnesi temelde JavaScript tabanlı bir nesnedir. Bu nesneler bir dizinin özelliklerine erişmek için kullanılabilir. Eriştikten sonra, kullanıcılar mevcut dizideki özellikleri ekleyebilir, silebilir veya değiştirebilir. Ayrıca, JSON dizesini bir dizi JSON nesnesine dönüştürmek için stringify() yöntemi kullanılır. Bu şekilde, dizi üzerinde manipülasyon gerçekleştirmek için push() ve pop() yöntemleri kullanılır.







Örnek 1: JavaScript'te JSON Nesneleri Dizisi Oluşturma

JavaScript kullanarak bir dizi JSON nesnesi oluşturmak için bir örnek düşünülmüştür. Örneğin, kod aşağıda verilmiştir.



kod



const öğretmen = {
'İsim' : 'Harry' , 'Ders' : 'İngilizce' ,
'yaş' : '35'
} ;
konsol. kayıt ( öğretmen ) ;

Bu kodda, bir dizi “ öğretmen ” gibi özellikler tanımlanarak oluşturulur. İsim ”, “ Ders ', ve ' yaş ”.





Bundan sonra, “gibi farklı değerler Harry ”, “ ingilizce ', ve ' 35 ” yukarıdaki özelliklere atanmıştır. Sonunda, “ dizisini görüntüleyin öğretmen “kullanarak konsol.log() yöntem.

Çıktı



Çıktı, “ öğretmen ” konsol penceresindeki JSON nesneleri dizisi.

Örnek 2: JavaScript'te JSON Nesneleri Dizisine Erişim

JavaScript'teki dizi öğelerinin özelliklerine erişmek için bir örnek olarak kabul edilir.

kod

konsol. kayıt ( 'JSON Nesnesi Tarafından Dizi Kullanımına Bir Örnek' ) ;
const öğretmen = {
'İsim' : 'Harry' , 'Ders' : 'İngilizce' ,
'yaş' : '35'
} ;
const objArr = öğretmen => {
const varış = [ ] ;
const anahtarlar = Nesne . anahtarlar ( öğretmen ) ;
için ( x'e izin ver = 0 ; x < anahtarlar. uzunluk ; x ++ ) {
arr. itmek ( öğretmen [ anahtarlar [ x ] ] ) ;
} ;
dönüş varış ;
} ;
konsol. kayıt ( objArr ( öğretmen ) ) ;

Kodun açıklaması:

  • bir dizi” öğretmen ” tanımlanarak başlatılır İsim ”, “ Ders ', ve ' yaş ' özellikleri.
  • Bu özelliklere, “ gibi farklı değerler atanır. Harry ”, “ ingilizce ', ve ' 35 ”.
  • Bundan sonra, bir JSON nesne ' objArr ”, öğelerin özelliklerine erişmek ve yeni bir dizi döndürmek için kullanılır.
  • İçinde ' objArr ”, kullanılarak özellik değerlerini ekleyen bir for döngüsü kullanılır. itmek() yöntem.
  • Döngü, tüm özellik değerleri ''e girilene kadar yürütülür. varış ' dizi.
  • Sonunda, objArr(öğretmen) özellik değerlerini görüntülemek için kullanılır.

Çıktı

Çıktı, JavaScript'te özellikler atayarak “Harry”, “English” ve “35” gibi farklı değerler gösterir.

Örnek 3: JavaScript'te JSON Nesneleri Dizisini Ekleme veya Silme

JavaScript'te bir JSON nesnesi kullanarak öğe dizisini eklemek ve silmek için bir örnek uyarlanmıştır.

kod

konsol. kayıt ( 'JSON Nesnesi Tarafından Dizi Kullanımına Bir Örnek' ) ;
oldu arrObj = [ { 'meyve' : 'Elma' } , { 'meyve' : 'Muz' } ] ;
konsol. kayıt ( JSON. dizmek ( arrObj ) ) ;
arrObj. itmek ( { 'meyve' : 'Turuncu' } ) ;
konsol. kayıt ( JSON. dizmek ( arrObj ) ) ;
arrObj. pop ( ) ;
konsol. kayıt ( JSON. dizmek ( arrObj ) ) ;

Kodun açıklaması aşağıdaki gibidir:

  • Bir dizi JSON nesnesi ' arrObj ” iki meyve özelliği ile başlatılır.
  • Bundan sonra, JSON.stringify() JavaScript değerini JSON dizelerine dönüştürmek için yöntem kullanılır.
  • bu arrObj.push() yöntem, “ değerini ileterek bir öğe ekler. meyve ”: “ Turuncu ” dizisine girin.
  • Bundan sonra, arrObj.pop() method, son girilen öğeyi diziden kaldırır.
  • Sonunda, JSON nesneleri dizisini görüntüleyin “ arrObj “kullanarak konsol.log() yöntem.

Çıktı

Çıktı, dizi öğelerini ekleyerek ve kaldırarak yukarıdaki kodun yürütülmesini gösterir. meyve ”: “ Turuncu ” JSON nesneleri aracılığıyla.

Çözüm

Bu makalede, JSON nesneleri içindeki bir dizinin elemanlarına erişmek ve bunları değiştirmek için kullanılır. JavaScript.
Bunun için iki pratik örnek içeren bir genel bakış sunulmaktadır. İlk örnekte, JSON nesneleri dizinin özelliklerine erişti ve bunları konsolda görüntüledi. İkinci örnekte, yerleşik bir yöntem, stringify() , diziye özellik eklemek ve silmek için kullanılır. Bu makaleye dayanarak, kullanıcılar JSON nesnelerini kullanarak bir dizinin özelliklerini ekleyebilir, silebilir veya değiştirebilir.