Jak wyświetlać obiekty w JavaScript?

W JavaScript obiekt jest pojedynczą jednostką o pewnych określonych właściwościach. Te zdefiniowane właściwości są cechami danych obiektów. Co więcej, prawie wszystko jest obiektem w JavaScript.Dlatego powinniśmy wiedzieć, w jaki sposób te obiekty mogą być wyświetlane w JavaScript. W JavaScript występują różne sposoby wyświetlania obiektów na podstawie warunków i wymagań. Jednak niektóre z najczęstszych sposobów wyświetlania obiektu są:

• Wyświetlanie obiektów na podstawie ich właściwości
• Wyświetlanie wartości obiektu używających dla… w pętli
• Wyświetl wartości za pomocą obiektu metodowego.wartości ()
• Wyświetlanie obiektów za pomocą JSON.metoda stringify ()

Teraz opracujemy wszystkie powyższe techniki, aby wyświetlić obiekt w przeglądarce internetowej za pomocą przykładów, aby wyjaśnić ci.

Wyświetlanie obiektów na podstawie ich właściwości

Jest to najczęstszy sposób wyświetlania obiektów, ponieważ drukuje rzeczy, uzyskując dostęp do poszczególnych właściwości obiektu. Możemy użyć dwóch metod dostępu do obiektu za pomocą jego właściwości, są wspornik kwadratowy lub a (.) Operator. Rzućmy okiem na poniższe przykłady, aby to całkowicie zrozumieć.

W danym przykładzie dostęp do obiektu jest dostępny za pomocą (.) Operator.

Przykład

var boy =
Nazwa: „Alice”,
Wiek: 25,
Wysokość: „5 (ft)”

konsola.Dziennik (chłopiec.imię + "," + chłopiec.wiek + "," + chłopiec.wysokość);

W poniższym przykładzie dostęp do obiektu jest dostępny za pomocą nawiasów kwadratowych [].

var boy =
Nazwa: „Alice”,
Wiek: 25,
Wysokość: „5 (ft)”

konsola.log (boy [„imię”]);

Wyświetlanie wartości obiektu za pomocą struktury pętli

Pętle mogą być również używane do wyświetlania i obiektywu i powtarzania nazw właściwości obiektu. Zaletą pracy w strukturze pętli jest to, że możemy uzyskać dostęp do wszystkich elementów obiektu jednocześnie. JavaScript zapewnia „dla w„Pętla do dostępu i manipulowania obiektami.

Zrozumiemy to na przykładowym stwierdzeniu.

Przykład

var boy =
Nazwa: „Alicel”,
Wiek: 30,
Wysokość: „5 (ft)”

dla (nieruchomość w chłopcu)

konsola.log (chłopiec [właściwość] +"")

Jeśli używasz dla… w pętli, będzie on iterowany przez nazwy właściwości obiektów jak ciąg. Musimy więc użyć obiektu [właściwość] zamiast obiektu: właściwość.

Wyświetl wartości za pomocą obiektu metodowego.wartości ()

JavaScript ma wiele predefiniowanych funkcji i metod, a także zapewnia wbudowane metody dostępu do wartości obiektów znanych jako „Obiekt.wartości ()”, Który służy do wyświetlania wszystkich wartości obiektu w tablicy. Dlatego, aby wyświetlać obiekty w formacie tablicy, użyj obiektu.Wartość () metoda, jak przedstawia następujący przykład.

Przykład

var boy =
Nazwa: „Alice”,
Wiek: 25,
Wysokość: „5 (ft)”

arrayval = obiekt.wartości (chłopiec);
konsola.log (arrayval)

Wyświetlanie obiektów za pomocą JSON.metoda stringify ()

Notacja obiektu JavaScript (JSON) jest predefiniowaną metodą w JavaScript używanym do wyświetlania całej struktury obiektu. Wszystkie JavaScripts muszą mieć moduł JSON, który obsługuje scenariusz Stringify (), który jest również biegły w przekształcaniu obiektu w struny, jak pokazano w poniższym przykładzie.

Przykład

var boy =
Nazwa: „Alice”,
Wiek: 25,
Wysokość: „5 (ft)”

objString = JSON.stringify (chłopiec);
konsola.log (objString);

Wniosek

Aby wyświetlać obiekty w JavaScript Niektóre z najczęstszych sposobów to: wyświetlanie obiektów na podstawie ich właściwości, wyświetlanie wartości za pomocą… W pętli, wyświetl wartości za pomocą obiektu metodowego.wartości (), wyświetlanie obiektów za pomocą JSON.metoda stringify (). Ten zapis wyjaśnia każdą metodę wyświetlania obiektów w JavaScript, wraz z przykładami, aby mieć głębokie i jasne zrozumienie.