Ten przewodnik zawiera następującą zawartość:
- Jak używać tablicy obiektów JSON w JavaScript
- Przykład 1: Tworzenie tablicy obiektów JSON
- Przykład 2: Dostęp do tablicy obiektów JSON
- Przykład 3: Dodaj lub usuń tablicę obiektów JSON
Jak korzystać z tablicy obiektów JSON w JavaScript?
Obiekt JSON jest w zasadzie obiektem opartym na JavaScript. Te obiekty mogą służyć do uzyskiwania dostępu do właściwości tablicy. Po uzyskaniu dostępu użytkownicy mogą dodawać, usuwać lub modyfikować właściwości w istniejącej tablicy. Ponadto metoda stringify() jest wykorzystywana do konwersji ciągu JSON na tablicę obiektów JSON. W ten sposób metody push() i pop() są wykorzystywane do wykonywania manipulacji na tablicy.
Przykład 1: Tworzenie tablicy obiektów JSON w JavaScript
Rozważany jest przykład tworzenia tablicy obiektów JSON przy użyciu JavaScript. Na przykład kod znajduje się poniżej.
Kod
stały nauczyciel = {
'Nazwa' : 'Złupić' , 'Temat' : 'Język angielski' ,
'wiek' : '35'
} ;
konsola. dziennik ( nauczyciel ) ;
W tym kodzie tablica „ nauczyciel ” jest tworzony przez zdefiniowanie właściwości, takich jak „ Nazwa ”, „ Temat ', oraz ' wiek ”.
Następnie różne wartości, takie jak „ Złupić ”, „ język angielski ', oraz ' 35 ” są przypisane do powyższych właściwości. Na koniec wyświetl tablicę „ nauczyciel ” zatrudniając konsola.log() metoda.
Wyjście
Dane wyjściowe pokazują „ nauczyciel ” tablica obiektów JSON w oknie konsoli.
Przykład 2: Dostęp do tablicy obiektów JSON w JavaScript
Rozważany jest przykład dostępu do właściwości elementów tablicy w JavaScript.
Kod
konsola. dziennik ( „Przykład użycia tablicy przez obiekt JSON” ) ;stały nauczyciel = {
'Nazwa' : 'Złupić' , 'Temat' : 'Język angielski' ,
'wiek' : '35'
} ;
stały objArr = nauczyciel => {
stały Arr = [ ] ;
stały Klucze = Obiekt . Klucze ( nauczyciel ) ;
dla ( niech x = 0 ; x < Klucze. długość ; x ++ ) {
przyb. naciskać ( nauczyciel [ Klucze [ x ] ] ) ;
} ;
zwrócić Arr ;
} ;
konsola. dziennik ( objArr ( nauczyciel ) ) ;
Opis kodu:
- Tablica „ nauczyciel ” jest inicjowany przez zdefiniowanie „ Nazwa ”, „ Temat ', oraz ' wiek ' nieruchomości.
- Te właściwości mają przypisane różne wartości, takie jak „ Złupić ”, „ język angielski ', oraz ' 35 ”.
- Po tym, a JSON obiekt ' objArr ” służy do uzyskiwania dostępu do właściwości elementów i zwracania nowej tablicy.
- W środku ' objArr ”, używana jest pętla for, która wstawia wartości właściwości za pomocą naciskać() metoda.
- Pętla jest wykonywana, dopóki wszystkie wartości właściwości nie zostaną wprowadzone do „ Arr ” tablica.
- W końcu objArr(nauczyciel) służy do wyświetlania wartości właściwości.
Wyjście
Dane wyjściowe pokazują różne wartości, „Harry”, „English” i „35”, przypisując właściwości w JavaScript.
Przykład 3: Dodaj lub usuń tablicę obiektów JSON w JavaScript
Przykład jest przystosowany do dodawania i usuwania tablicy elementów za pomocą obiektu JSON w JavaScript.
Kod
konsola. dziennik ( „Przykład użycia tablicy przez obiekt JSON” ) ;był arrObj = [ { 'owoc' : 'Jabłko' } , { 'owoc' : 'Banan' } ] ;
konsola. dziennik ( JSON. zwęzić ( arrObj ) ) ;
arObj. naciskać ( { 'owoc' : 'Pomarańczowy' } ) ;
konsola. dziennik ( JSON. zwęzić ( arrObj ) ) ;
arObj. Muzyka pop ( ) ;
konsola. dziennik ( JSON. zwęzić ( arrObj ) ) ;
Opis kodu jest następujący:
- Tablica obiektów JSON „ arrObj ” jest inicjowany z dwiema właściwościami owoców.
- Po tym JSON.stringify() Metoda służy do konwersji wartości JavaScript na ciągi JSON.
- The arrObj.push() metoda wstawia element, przekazując wartość „ owoc ”: “ Pomarańczowy ” do tablicy.
- Po tym arrObj.pop() Metoda usuwa ostatnio wprowadzony element z tablicy.
- Na koniec wyświetl tablicę obiektów JSON „ arrObj ” zatrudniając konsola.log() metoda.
Wyjście
Dane wyjściowe pokazują wykonanie powyższego kodu poprzez dodanie i usunięcie elementów tablicy „ owoc ”: “ Pomarańczowy ” poprzez obiekty JSON.
Wniosek
W tym artykule, Obiekty JSON służą do uzyskiwania dostępu i modyfikowania elementów tablicy w JavaScript.
W tym celu przedstawiono przegląd z dwoma praktycznymi przykładami. W pierwszym przykładzie obiekty JSON uzyskiwały dostęp do właściwości tablicy i wyświetlały je na konsoli. W drugim przykładzie wbudowana metoda, stringify() , służy do dodawania i usuwania właściwości w tablicy. Na podstawie tego artykułu użytkownicy mogą dodawać, usuwać lub modyfikować właściwości tablicy przy użyciu obiektów JSON.