Javascript - Accessing object

Question

I have the following data object

var data = {
  labels: ["2013", "2014", "2015", "2016"],
  datasets: [
    {
      label: "Label 1", 
      data: data1,
    }, 
    {
      label: "Label 2", 
      data: data2, 
    }
  ]
};

I want to get the second label "Label 2".

I have tried to use

console.log(data.datasets[0].label); // Only returns Label 1
console.log(data.datasets[0][1].label); // Doesn't work

I don't want to make changes on the structure as I am using it with Chart.js to draw charts.

Thanks in advance.

console.log(data.datasets[1].label); ..?

George
– George

2016-05-13 10:04:38 +00:00
Commented May 13, 2016 at 10:04 — George
– George, Commented May 13, 2016 at 10:04

halfpastfour.am · Accepted Answer · 2016-05-13 10:14:38Z

3

You can access it like this:

console.log( data.datasets[1].label );

^{Example: https://jsfiddle.net/55ex0p80/}

Let's break it down into four steps:

data.datasets[ 1 ].label
|    |         |  |
1    2         3  4
|    |         |  \- The field "label" of the object
|    |         \---- The desired key of the array called "datasets"
|    \-------------- The array called "datasets"
\------------------- The data object

This way you end up at the label field you were looking for:

var data = {             <---- step 1
  labels: ["2013", "2014", "2015", "2016"],
  datasets: [            <---- step 2
    {
      label: "Label 1", 
      data: data1,
    }, 
    {                    <---- step 3
      label: "Label 2",  <---- step 4
      data: data2, 
    }
  ]
};

edited May 13, 2016 at 10:14

answered May 13, 2016 at 10:07

halfpastfour.am

5,9333 gold badges47 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nivesh · Accepted Answer · 2016-05-13 10:28:04Z

1

data = {} is an object
labels =["2013","2014",...] is an array of strings
datasets = [{},{},{}] is an array of objects

Thus for accessing 'Label 2' you need to access 2nd object of the datasets array and then access its label as: data.datasets[1].label

answered May 13, 2016 at 10:28

Nivesh

2,6031 gold badge22 silver badges29 bronze badges

Collectives™ on Stack Overflow

Javascript - Accessing object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related