Using a variable after a . (in place of a property name). Javascript

Question

I'm trying to access the data from an array object:

{
    "results": [{
        "ID": "aaa",
        "12/06/2017": "1",
        "13/06/2017": "0",
        "14/06/2017": "1",
        "15/06/2017": "1",
        "16/06/2017": "0",
        "17/06/2017": "1",
        "18/06/2017": "0"
    }
    ]
}

I usually do this by:

    $.each(data.results, function (index, item) {
                    var eachrow = "<tr>"
                    + "<td>" + item.ID + "</td>"
                    ect...
    $('#tbody').append(eachrow);
                      }

but in this case the property names will change with each search so I can't just write them in. I do know what the values will be before searching so I can assign them to variables but item.variable doesn't work. I've tried: item.[variable] and item.arr[1] but i can't get anything to work.

Thanks for the help

If you don't know the keys, you can get them with `Object.keys` — adeneo, Jul 15 '17 at 07:34
doing console.log(data.results.keys); outputs: function keys() { [native code] } ??? — james, Jul 15 '17 at 07:45
I'm a moron, however console.log(Object.keys(data.results)); does output ["0"] which still isn't useful — james, Jul 15 '17 at 07:52

score 0 · Answer 1 · answered Jul 15 '17 at 08:49

Assuming this is your result

const result = {
  "results":[
    {
      "ID":"aaa",
      "12/06/2017":"1",
      "13/06/2017":"0",
      "14/06/2017":"1",
      "15/06/2017":"1",
      "16/06/2017":"0",
      "17/06/2017":"1",
      "18/06/2017":"0"
    }
  ]
};

then what you can do to get all the key-value pair is

const firstResult = result.results[0];
Object.keys(firstResult)
  .map(key => {
    const value = firstResult[key];
    return { key, value };
  })
  .forEach(process);

And the process function is something like this:

const process = ({ key, value }) => {
  console.log(`The value of ${key} is ${value}`);
};

Using a variable after a . (in place of a property name). Javascript

1 Answers1