Dynamically accessing the key value pair in Javascript

Question

I have a JSON,

"http": {
    "method": "POST",
    "headers": [{
        "content-type": "application/json"
    }, {
        "Authorization": "KKYZASSHUYTRJ"
    }],
    "url": "http://localhost:8888/download/context"
}

In this JSON, I need to access the headers and loop through the array. The keys of "headers" are dynamic. I need to access the keys as well as values. I need both keys and values to make a HTTP call. How can I do that in Typescript/Javascript

In all the Articles in Stackoverflow, I can able to see how to get the values using keys. Here I am asking how to retrieve keys as well as values.

I know that there is Object.getkeys() and Object.getValues() since these methods are not working in Safari, I am not choosing it.

Possible duplicate of [Parse JSON in JavaScript?](http://stackoverflow.com/questions/4935632/parse-json-in-javascript) — Stephan Bijzitter, Oct 05 '16 at 12:27
@Oluwafemi I didn't pasted the entire JSON here. It is part of a huge JSON. — arunan, Oct 05 '16 at 12:31
@Oluwafemi He's maybe just cut and pasted the parts of the JSON he wanted to look at, all it needs is the opening and closing object literal, and it's valid. — Keith, Oct 05 '16 at 12:31
a.http.headers.forEach(function (o){Object.keys(o).forEach(function (key) { console.log(key,'=',o[key]); })}) — Keith, Oct 05 '16 at 12:40
You only need to use Object.keys, and that is supported in Safari. — Alex, Oct 05 '16 at 12:42
@user2655966, then your question is unclear. I see a JSON string and you want to iterate over its keys; you need to parse it to an object first. As such, duplicate. — Stephan Bijzitter, Oct 05 '16 at 13:40

score 1 · Accepted Answer · answered Oct 05 '16 at 12:49

Object.keys is supported in safari.

var data = {
    "http": {
        "method": "POST",
        "headers": [{"content-type": "application/json" },{ "Authorization": "KKYZASSHUYTRJ"}],
    "url": "http://localhost:8888/download/context"
    }
}


data["http"]["headers"].forEach(entry => console.log(Object.keys(entry)[0], entry[Object.keys(entry)[0]]))

score 0 · Answer 2 · answered Oct 05 '16 at 13:04

If you don't want to transpile this snippet you can easily switch the let/const declarations to var. I used a template string for the json, in practice you would probably get the value from some api, right?

var json = JSON.parse(`
{
  "http": {
    "method": "POST",
    "headers": [{
        "content-type": "application/json"
    }, {
        "Authorization": "KKYZASSHUYTRJ"
    }],
    "url": "http://localhost:8888/download/context"
  }
}`);

if(typeof json.http !== "undefined" && typeof json.http["headers"] !== "undefined"){
  const headers = json.http["headers"];
  for(let i = 0; i < headers.length; ++i){
    for(let key in headers[i]){
      console.log(key, ":", headers[i][key])
    }
  }
}

Dynamically accessing the key value pair in Javascript

2 Answers2