Javascript get key of nested JSON object?

Question

I have a json response that looks like the image below. I want to get all dates from the json and store in an array.

  function buyOption(){
      var ticker = document.getElementById('ticker').value;

    fetch("https://stock-and-options-trading-data-provider.p.rapidapi.com/options/JPM", {
    
    .then(response => response.json())
    .then(data => {
      dataset = data;
      console.log(dataset['options'])
      loadTable()
      
    })

    .catch(err => {
      console.log(err);
    });


    function loadTable(){
      expiration_dates = []
      dates = dataset['options']
      // console.log(JSON.parse(dates))
      
      var keys = [];
        for(var k in dates) keys.push(k);
      console.log(keys)// returns ["0","1","2",3","5",6","9","10","11"]
  
      console.log(dates[0].value) // returns undefined 
      
    }


}

goal is to have expiration_dates = ["2020-08-21","2020-08-28"]

Can you add the actual JSON response you get from that API in the question please ? — Always Helping
– Always Helping, Commented Aug 17, 2020 at 4:15

Pramod Mali · Accepted Answer · 2020-08-17 04:24:01Z

2

You can try this. This will give you only the expiration dates.

var obj = {
  "options": [{
    "10-2-2001": "",
    "someOtherProp": ""
  }, {
    "20-2-2001": "",
    "someOtherProp": ""
  }]
}

var expDates = obj.options.map(o=>Object.keys(o)[0])

console.log(expDates)

Refs:

Array.map()

Object.keys()

answered Aug 17, 2020 at 4:24

Pramod Mali

1,8281 gold badge19 silver badges31 bronze badges

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

Comments

sonEtLumiere · Accepted Answer · 2020-08-17 04:16:40Z

2

Try this

let result = dataSet.options.map(x => Object.keys(x));
console.log(result.flat(1))

answered Aug 17, 2020 at 4:16

sonEtLumiere

4,6223 gold badges15 silver badges48 bronze badges

Comments

charlietfl · Accepted Answer · 2020-08-17 04:29:03Z

1

A simple array map should do the trick and use Object.keys() array to get first key from each object in your data array

const dates = dataset['options'].map(o => Object.keys(o)[0])

console.log(dates)

<script>
const dataset = {
    options: [{
      '2013-12-22': {
        puts: [],
        calls: []
      }},
      {'2013-02-15': {
        puts: [],
        calls: []
      }},
     { '2018-01-01': {
        puts: [],
        calls: []
      }}
    ]

  }

</script>

edited Aug 17, 2020 at 4:29

answered Aug 17, 2020 at 4:15

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

Carsten Massmann · Accepted Answer · 2020-08-17 04:15:46Z

0

Something like

const options=dates.options.map(o=>
  Object.keys(o).filter(k=>k.match(/^2\d{3}-\d{2}-\d{2}$/))[0]);

The idea is to loop over all options, get all keys for each of the objects and filter out the keys matching the Regexp, which is a date format, starting with 2. From the filtered keys-array I am only interested in the first element ([0]).

answered Aug 17, 2020 at 4:15

Carsten Massmann

28.4k3 gold badges25 silver badges49 bronze badges

Comments

John V · Accepted Answer · 2020-08-17 04:15:46Z

-1

for(k in dates) {
    keys.push((v=>{
        for(let i in v) return i;
    })(dates[k]));
}

Try it

edited Aug 17, 2020 at 4:15

answered Aug 17, 2020 at 4:11

John V

8546 silver badges12 bronze badges

Collectives™ on Stack Overflow

Javascript get key of nested JSON object?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related