Denne vejledning serverer følgende indhold:
- Sådan bruges Array af JSON-objekter i JavaScript
- Eksempel 1: Oprettelse af et array af JSON-objekter
- Eksempel 2: Adgang til Array af JSON-objekter
- Eksempel 3: Tilføj eller slet rækken af JSON-objekter
Hvordan bruger man Array of JSON-objekter i JavaScript?
JSON-objektet er grundlæggende et JavaScript-baseret objekt. Disse objekter kan bruges til at få adgang til egenskaberne for et array. Efter adgang kan brugere tilføje, slette eller ændre egenskaberne i det eksisterende array. Desuden bruges stringify()-metoden til at konvertere JSON-strengen til et array af JSON-objekter. På denne måde bliver push() og pop() metoderne brugt til at udføre manipulation på arrayet.
Eksempel 1: Oprettelse af et array af JSON-objekter i JavaScript
Et eksempel overvejes for at skabe en række JSON-objekter ved at anvende JavaScript. For eksempel findes koden nedenfor.
Kode
konst lærer = {
'Navn' : 'Harry' , 'Emne' : 'Engelsk' ,
'alder' : '35'
} ;
konsol. log ( lærer ) ;
I denne kode er et array ' lærer ' oprettes ved at definere egenskaber som ' Navn ', ' Emne ', og ' alder ”.
Derefter vil forskellige værdier som ' Harry ', ' engelsk ', og ' 35 ” er tildelt ovenstående ejendomme. Til sidst skal du vise arrayet ' lærer ” ved at ansætte console.log() metode.
Produktion
Udgangen viser ' lærer ” række JSON-objekter i konsolvinduet.
Eksempel 2: Adgang til rækken af JSON-objekter i JavaScript
Et eksempel anses for at få adgang til egenskaberne for array-elementer i JavaScript.
Kode
konsol. log ( 'Et eksempel på at bruge Array af JSON Object' ) ;konst lærer = {
'Navn' : 'Harry' , 'Emne' : 'Engelsk' ,
'alder' : '35'
} ;
konst objArr = lærer => {
konst arr = [ ] ;
konst nøgler = Objekt . nøgler ( lærer ) ;
til ( lad x = 0 ; x < nøgler. længde ; x ++ ) {
arr. skubbe ( lærer [ nøgler [ x ] ] ) ;
} ;
Vend tilbage arr ;
} ;
konsol. log ( objArr ( lærer ) ) ;
Beskrivelse af koden:
- en matrix' lærer ' initialiseres ved at definere ' Navn ', ' Emne ', og ' alder ' ejendomme.
- Disse egenskaber tildeles forskellige værdier, såsom ' Harry ', ' engelsk ', og ' 35 ”.
- Efter det, a JSON objekt ' objArr ” bruges til at få adgang til egenskaberne af elementer og returnere et nyt array.
- Inde i ' objArr ”, bruges en for-løkke, der indsætter egenskabsværdierne ved at anvende skubbe() metode.
- Sløjfen udføres, indtil alle egenskabsværdierne er indtastet i ' arr ' række.
- I sidste ende objArr(lærer) bruges til at vise egenskabsværdierne.
Produktion
Outputtet viser forskellige værdier, 'Harry', 'English' og '35' ved at tildele egenskaber i JavaScript.
Eksempel 3: Tilføj eller slet rækken af JSON-objekter i JavaScript
Et eksempel er tilpasset til at tilføje og slette arrayet af elementer ved hjælp af et JSON-objekt i JavaScript.
Kode
konsol. log ( 'Et eksempel på at bruge Array af JSON-objekt' ) ;var arrObj = [ { 'frugt' : 'Æble' } , { 'frugt' : 'Banan' } ] ;
konsol. log ( JSON. strenge ( arrObj ) ) ;
arrObj. skubbe ( { 'frugt' : 'Orange' } ) ;
konsol. log ( JSON. strenge ( arrObj ) ) ;
arrObj. pop ( ) ;
konsol. log ( JSON. strenge ( arrObj ) ) ;
Beskrivelsen af koden er som følger:
- En række JSON-objekter ' arrObj ” er initialiseret med to frugtegenskaber.
- Herefter er JSON.stringify() metode bruges til at konvertere JavaScript-værdien til JSON-strenge.
- Det arrObj.push() metode indsætter et element ved at sende værdien af ' frugt ': ' orange ” ind i rækken.
- Herefter er arrObj.pop() metode fjerner det nyligt indtastede element fra arrayet.
- Til sidst skal du vise rækken af JSON-objekter ' arrObj ” ved at ansætte console.log() metode.
Produktion
Outputtet viser ovenstående kodeudførelse ved at tilføje og fjerne array-elementerne ' frugt ': ' orange ” gennem JSON-objekterne.
Konklusion
I denne artikel, JSON-objekter bruges til at få adgang til og ændre elementerne i et array i JavaScript.
Hertil gives en oversigt med to praktiske eksempler. I det første eksempel fik JSON-objekter adgang til egenskaberne for arrayet og viste dem på konsollen. I det andet eksempel, en indbygget metode, stringify() , bruges til at tilføje og slette egenskaber i arrayet. Baseret på denne artikel kan brugere tilføje, slette eller ændre egenskaberne for et array ved hjælp af JSON-objekter.