Acest ghid servește următorul conținut:
- Cum să utilizați o matrice de obiecte JSON în JavaScript
- Exemplul 1: Crearea unui tablou de obiecte JSON
- Exemplul 2: Accesarea matricei de obiecte JSON
- Exemplul 3: Adăugați sau ștergeți matricea de obiecte JSON
Cum se utilizează o matrice de obiecte JSON în JavaScript?
Obiectul JSON este practic un obiect bazat pe JavaScript. Aceste obiecte pot fi folosite pentru a accesa proprietățile unui tablou. După accesare, utilizatorii pot adăuga, șterge sau modifica proprietățile din matricea existentă. Mai mult, metoda stringify() este folosită pentru a converti șirul JSON într-o matrice de obiecte JSON. În acest fel, metodele push() și pop() sunt utilizate pentru a efectua manipularea matricei.
Exemplul 1: Crearea unui tablou de obiecte JSON în JavaScript
Un exemplu este luat în considerare pentru crearea unei matrice de obiecte JSON prin utilizarea JavaScript. De exemplu, codul este furnizat mai jos.
Cod
const profesor = {
'Nume' : 'Harry' , 'Subiect' : 'Engleză' ,
'vârstă' : '35'
} ;
consolă. Buturuga ( profesor ) ;
În acest cod, o matrice „ profesor ” este creat prin definirea proprietăților precum „ Nume ”, “ Subiect ', și ' vârstă ”.
După aceea, diferite valori precum „ Harry ”, “ Engleză ', și ' 35 ” sunt atribuite proprietăților de mai sus. La final, afișați matricea „ profesor ” prin angajarea console.log() metodă.
Ieșire
Ieșirea arată „ profesor ” matrice de obiecte JSON în fereastra consolei.
Exemplul 2: Accesarea matricei de obiecte JSON în JavaScript
Un exemplu este considerat pentru a accesa proprietățile elementelor matrice în JavaScript.
Cod
consolă. Buturuga ( „Un exemplu de utilizare a matricei după obiect JSON” ) ;const profesor = {
'Nume' : 'Harry' , 'Subiect' : 'Engleză' ,
'vârstă' : '35'
} ;
const objArr = profesor => {
const arr = [ ] ;
const chei = Obiect . chei ( profesor ) ;
pentru ( fie x = 0 ; X < chei. lungime ; X ++ ) {
arr. Apăsaţi ( profesor [ chei [ X ] ] ) ;
} ;
întoarcere arr ;
} ;
consolă. Buturuga ( objArr ( profesor ) ) ;
Descrierea codului:
- O matrice „ profesor ” este inițializat prin definirea „ Nume ”, “ Subiect ', și ' vârstă ” proprietăți.
- Acestor proprietăți li se atribuie valori diferite, cum ar fi „ Harry ”, “ Engleză ', și ' 35 ”.
- După aceea, a JSON obiect ' objArr ” este utilizat pentru a accesa proprietățile elementelor și pentru a returna o nouă matrice.
- În interiorul ' objArr ”, se folosește o buclă for care inserează valorile proprietăților prin folosirea Apăsaţi() metodă.
- Bucla este executată până când toate valorile proprietăților sunt introduse în „ arr ” matrice.
- În cele din urmă, cel objArr(profesor) este utilizat pentru a afișa valorile proprietăților.
Ieșire
Ieșirea arată diferite valori, „Harry”, „Engleză” și „35” prin alocarea de proprietăți în JavaScript.
Exemplul 3: Adăugați sau ștergeți tabloul de obiecte JSON în JavaScript
Un exemplu este adaptat pentru a adăuga și șterge matricea de elemente folosind un obiect JSON în JavaScript.
Cod
consolă. Buturuga ( „Un exemplu de utilizare a matricei după obiect JSON” ) ;a fost arrObj = [ { 'fructe' : 'Măr' } , { 'fructe' : 'Banană' } ] ;
consolă. Buturuga ( JSON. stringe ( arrObj ) ) ;
arrObj. Apăsaţi ( { 'fructe' : 'Portocale' } ) ;
consolă. Buturuga ( JSON. stringe ( arrObj ) ) ;
arrObj. pop ( ) ;
consolă. Buturuga ( JSON. stringe ( arrObj ) ) ;
Descrierea codului este următoarea:
- O matrice de obiecte JSON „ arrObj ” este inițializat cu două proprietăți ale fructelor.
- După aceea, JSON.stringify() metoda este utilizată pentru a converti valoarea JavaScript în șiruri JSON.
- The arrObj.push() metoda inserează un element prin trecerea valorii „ fructe ”: “ Portocale ” în matrice.
- După aceea, arrObj.pop() metoda elimină elementul recent introdus din matrice.
- La final, afișați matricea de obiecte JSON „ arrObj ” prin angajarea console.log() metodă.
Ieșire
Ieșirea arată execuția codului de mai sus prin adăugarea și eliminarea elementelor matricei „ fructe ”: “ Portocale ” prin obiectele JSON.
Concluzie
În acest articol, obiecte JSON sunt utilizate pentru a accesa și modifica elementele unui tablou în JavaScript.
Pentru aceasta, este oferită o prezentare generală cu două exemple practice. În primul exemplu, obiectele JSON au accesat proprietățile matricei și le-au afișat pe consolă. În al doilea exemplu, o metodă încorporată, stringify() , este folosit pentru adăugarea și ștergerea proprietăților din matrice. Pe baza acestui articol, utilizatorii pot adăuga, șterge sau modifica proprietățile unei matrice folosind obiecte JSON.