Retrieve data from a JSON object created using dot notation

Question

Retrieve data from a JSON object created using dot notation

Currently, I am delving into the realm of constructing and interpreting JSON objects for a personal project centered around pet adoption. A close companion has proposed that I construct one in the following manner:

var userPets = {};
userPets['dogs'] = {};
userPets.dogs['Rex'] = {};
userPets.dogs.Rex['breed'] = 'Labrador Retriever';
userPets.dogs.Rex['age'] = '3 years old';
userPets.dogs.Rex['location'] = 'California';
userPets.dogs.Rex['notes'] = 'great with kids and other pets';

I have successfully managed to convert this object into a string, save it, retrieve it, and parse it. However, I am currently at a standstill when it comes to accessing specific pieces of information (such as age). Is it a common practice to build up the object hierarchy using dots from userPets, to userPets.dogs, to userPets.dogs.Rex? Furthermore, how can I effectively access each individual property?

javascript json object

Answer 1

Answer №1

let userInformation = {
  cats: {
     fur: {
      color: 'orange',
      weight: 'y lbs',
      additionalProperty: 'another value'
   }
  }
 };

To implement the same functionality as above, follow the provided instructions. If you are new to programming, consider learning more about Objects in JavaScript by visiting: https://www.w3schools.com/js/js_objects.asp. For those with intermediate skills, explore this resource: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

Answer 2

let userInformation = {
  cats: {
     fur: {
      color: 'orange',
      weight: 'y lbs',
      additionalProperty: 'another value'
   }
  }
 };

To implement the same functionality as above, follow the provided instructions. If you are new to programming, consider learning more about Objects in JavaScript by visiting: https://www.w3schools.com/js/js_objects.asp. For those with intermediate skills, explore this resource: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

Answer 3

Answer №2

It is not the standard practice to construct the object in that manner since it involves iterative steps, unlike JSON which is a declarative literal (remember: **J**ava**S**cript **O**bject **N**otation). The same final object can be represented as follows:
```
userData = {
    "dogs": {
        "Spot": {
            "color": "black",
            "weight": "241lbs",
            "location": "Washington",
            "comments": "this is a big dog, 241lbs, wow"
        }
    }
};
```
Keep in mind that "pure" JSON requires double-quote delimited keys, while in-script object literals can use standard identifiers without quotes.
To access them, you can use dotted notation. However, you would need to employ string-indexer property syntax if your objects have keys that do not adhere to JavaScript identifier restrictions (e.g., no spaces, punctuation, must start with a letter, etc):

console.log( userData.dogs.Spot.color ); console.log( userData.dogs.Spot.comments );

Answer 4

It is not the standard practice to construct the object in that manner since it involves iterative steps, unlike JSON which is a declarative literal (remember: **J**ava**S**cript **O**bject **N**otation). The same final object can be represented as follows:
```
userData = {
    "dogs": {
        "Spot": {
            "color": "black",
            "weight": "241lbs",
            "location": "Washington",
            "comments": "this is a big dog, 241lbs, wow"
        }
    }
};
```
Keep in mind that "pure" JSON requires double-quote delimited keys, while in-script object literals can use standard identifiers without quotes.
To access them, you can use dotted notation. However, you would need to employ string-indexer property syntax if your objects have keys that do not adhere to JavaScript identifier restrictions (e.g., no spaces, punctuation, must start with a letter, etc):

console.log( userData.dogs.Spot.color ); console.log( userData.dogs.Spot.comments );

Retrieve data from a JSON object created using dot notation

Answer №1

Answer №2

Similar questions

Android Volley BasicNetwork encountered an unexpected response code 412 during request execution

Encountering the error message "Type '{ theme: Theme; }' is not compatible with type" while attempting to pass it as a prop to the App component

The getJSON method returns a status code of 200, however, it does

The problem with 'Access-Control-Allow-Origin' on themoviedb

The GIF Loader fails to animate while an AJAX request is in progress

Steps for retrieving a JSON file from a web browser containing data in the JSON format

Error encountered when attempting to navigate to a new page in Flutter

Verify whether the preload script has been executed previously (indicating that elements are cached)

Is there a way to utilize localStorage to retain a classlist toggle status for a light/dark mode theme switch on the browser?

The page loader failed to load in Chrome due to a timeout, but surprisingly, it loaded

Is it possible to reduce costs by refraining from calling jQuery each time I want to retrieve an element?

Is it advisable and what is the proper way to shift to a different route within a promise's

Developing an attribute in a constructor using Typescript

Tips for displaying the number of selected values in a select box label (e.g. Choose an Option)

Issue encountered during execution of a mongodb function within a while loop in nodejs

How can components be utilized with v-edit-dialog?

Javascript callback function cannot access variables from its parent function

Interactive form created with asp.net and dynamic javascript functionality

The File is not being successfully sent to the controller in MVC due to AJAX returning an undefined value

ng-model causing simultaneous changes to all selects