Deze gids biedt de volgende inhoud:
- Array van JSON-objecten gebruiken in JavaScript
- Voorbeeld 1: Een array van JSON-objecten maken
- Voorbeeld 2: Toegang tot de array van JSON-objecten
- Voorbeeld 3: de array van JSON-objecten toevoegen of verwijderen
Hoe een array van JSON-objecten in JavaScript te gebruiken?
Het JSON-object is in feite een op JavaScript gebaseerd object. Deze objecten kunnen worden gebruikt om toegang te krijgen tot de eigenschappen van een array. Na toegang kunnen gebruikers de eigenschappen in de bestaande array toevoegen, verwijderen of wijzigen. Bovendien wordt de methode stringify() gebruikt voor het converteren van de JSON-tekenreeks naar een array van JSON-objecten. Op deze manier worden de methoden push() en pop() gebruikt om manipulatie op de array uit te voeren.
Voorbeeld 1: Een array van JSON-objecten maken in JavaScript
Een voorbeeld wordt overwogen voor het maken van een array van JSON-objecten door JavaScript te gebruiken. De code staat bijvoorbeeld hieronder.
Code
const docent = {
'Naam' : 'Harrie' , 'Onderwerp' : 'Engels' ,
'leeftijd' : '35'
} ;
troosten. log ( docent ) ;
In deze code, een array ' docent ” wordt gemaakt door eigenschappen te definiëren zoals “ Naam ”, “ Onderwerp ', en ' leeftijd ”.
Daarna worden verschillende waarden zoals ' Harry ”, “ Engels ', en ' 35 ” zijn toegewezen aan de bovenstaande eigenschappen. Geef op het einde de array weer ' docent ” door gebruik te maken van de console.log() methode.
Uitgang:
De uitvoer toont de ' docent ” array van JSON-objecten in het consolevenster.
Voorbeeld 2: Toegang tot de array van JSON-objecten in JavaScript
Een voorbeeld wordt beschouwd om toegang te krijgen tot de eigenschappen van array-elementen in JavaScript.
Code
troosten. log ( 'Een voorbeeld om Array by JSON Object te gebruiken' ) ;const docent = {
'Naam' : 'Harrie' , 'Onderwerp' : 'Engels' ,
'leeftijd' : '35'
} ;
const objArr = docent => {
const arr = [ ] ;
const sleutels = Object . sleutels ( docent ) ;
voor ( laat x = 0 ; x < sleutels. lengte ; x ++ ) {
arr. duw ( docent [ sleutels [ x ] ] ) ;
} ;
opbrengst arr ;
} ;
troosten. log ( objArr ( docent ) ) ;
De beschrijving van de code:
- een reeks ' docent ” wordt geïnitialiseerd door te definiëren “ Naam ”, “ Onderwerp ', en ' leeftijd ' eigendommen.
- Aan deze eigenschappen worden verschillende waarden toegewezen, zoals “ Harry ”, “ Engels ', en ' 35 ”.
- Daarna, een JSON object ' objArr ” wordt gebruikt om toegang te krijgen tot de eigenschappen van elementen en een nieuwe array te retourneren.
- Binnen in de ' objArr ”, wordt een for-lus gebruikt die de eigenschapswaarden invoegt door gebruik te maken van de duw() methode.
- De lus wordt uitgevoerd totdat alle eigenschapswaarden zijn ingevoerd in de ' arr ” reeks.
- Op het einde, de objArr(leraar) wordt gebruikt om de eigenschapswaarden weer te geven.
Uitgang:
De uitvoer toont verschillende waarden, 'Harry', 'English' en '35' door eigenschappen in JavaScript toe te wijzen.
Voorbeeld 3: de array van JSON-objecten in JavaScript toevoegen of verwijderen
Een voorbeeld is aangepast om de array van elementen toe te voegen en te verwijderen met behulp van een JSON-object in JavaScript.
Code
troosten. log ( 'Een voorbeeld om Array by JSON Object te gebruiken' ) ;was arrObj = [ { 'fruit' : 'Appel' } , { 'fruit' : 'Banaan' } ] ;
troosten. log ( JSON. stringify ( arrObj ) ) ;
arrObj. duw ( { 'fruit' : 'Oranje' } ) ;
troosten. log ( JSON. stringify ( arrObj ) ) ;
arrObj. knal ( ) ;
troosten. log ( JSON. stringify ( arrObj ) ) ;
De beschrijving van de code is als volgt:
- Een array van JSON-objecten ' arrObj ” wordt geïnitialiseerd met twee fruiteigenschappen.
- Daarna is de JSON.stringify() methode wordt gebruikt om de JavaScript-waarde om te zetten in JSON-tekenreeksen.
- De arrObj.push() methode voegt een element in door de waarde van “ fruit ”: “ Oranje ” in de array.
- Daarna is de arrObj.pop() methode verwijdert het recent ingevoerde element uit de array.
- Geef op het einde de reeks JSON-objecten weer ' arrObj ” door gebruik te maken van de console.log() methode.
Uitgang:
De uitvoer toont de bovenstaande code-uitvoering door de array-elementen toe te voegen en te verwijderen ' fruit ”: “ Oranje ” door de JSON-objecten.
Conclusie
In dit artikel, JSON-objecten worden gebruikt om de elementen van een array in JavaScript.
Hiervoor wordt een overzicht met twee praktijkvoorbeelden gegeven. In het eerste voorbeeld hebben JSON-objecten toegang gekregen tot de eigenschappen van de array en deze weergegeven op de console. In het tweede voorbeeld, een ingebouwde methode, stringify() , wordt gebruikt voor het toevoegen en verwijderen van eigenschappen in de array. Op basis van dit artikel kunnen gebruikers de eigenschappen van een array toevoegen, verwijderen of wijzigen met behulp van JSON-objecten.