how to access array of objects in javascript

Healthy Hare answered on March 14, 2021 Popularity 1/10 Helpfulness 1/10

answer how to access array of objects in javascript

related how to access array of objects in javascript

how to access array of objects in javascript

Comment

Accessing nested data structures
A nested data structure is an array or object which refers to other arrays or objects, i.e. its values are arrays or objects. Such structures can be accessed by consecutively applying dot or bracket notation.

Here is an example:

const data = {
    code: 42,
    items: [{
        id: 1,
        name: 'foo'
    }, {
        id: 2,
        name: 'bar'
    }]
};
Let's assume we want to access the name of the second item.

Here is how we can do it step-by-step:

As we can see data is an object, hence we can access its properties using dot notation. The items property is accessed as follows:

data.items
The value is an array, to access its second element, we have to use bracket notation:

data.items[1]
This value is an object and we use dot notation again to access the name property. So we eventually get:

const item_name = data.items[1].name;
Alternatively, we could have used bracket notation for any of the properties, especially if the name contained characters that would have made it invalid for dot notation usage:

const item_name = data['items'][1]['name'];

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Mar 14 2021

Healthy Hare

0 Answers Avg Quality 2/10

Closely Related Answers

how to access array of objects in javascript

Comment

async function getData() {
   const response = await fetch('https://jsonplaceholder.typicode.com/users');
            const data = await response.json();
            const {
                id = data[1]['id'],
                name = data[1]['name'],
                username = data[1]['username'],
                email = data[1]['email'],
                address = data[1]['address']
            } = data
  			console.log(id)
            console.log(name)
            console.log(email)
            console.log(username)
            console.log(address)
        }
        getData();
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 04 2022

0xTony143

0 Answers Avg Quality 2/10

how to access array of objects in javascript

Contents

More Related Answers

how to access array of objects in javascript

Closely Related Answers

how to access array of objects in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.