Dynamic object path in JavaScript [duplicate]

Question

I'm struggling a bit on a common javascript issue, mostly because I don't know the key words to find the solution in Google. What I would like to do in pure javascript :

var obj = {label: 'Name', type: 'text', position: 0};
var name = 'label';

var temp = obj."name" // = obj.label = Name

And use it in meteorJS template :

data = [ 
  {
     "Name" : "Task 1",
     "CreationDate" : ISODate("2014-06-03T19:47:48.252Z"),
     "EndDate" : ISODate("2014-07-03T19:47:48.252Z")
  }, 
  {
     "Name" : "Task 2",
     "CreationDate" : ISODate("2014-06-04T19:47:48.252Z"),
     "EndDate" : ISODate("2014-07-04T19:47:48.252Z")
  }
}

columns = [
        {label: 'Name'},
        {label: 'Creation Date'},
        {label: 'End Date'}
    ]

{{#each data}}
  <tr>
    {{#each columns}}
      <td>{{data.label}}</td>
    {{/each}}
  </tr>
{{/each}}

Just to expand on @elclanrs comment, working off the first example you gave: obj[name] or obj['label'] are equal to 'Name' — ArrayKnight
– ArrayKnight, Commented Jun 4, 2014 at 21:02
stackoverflow.com/questions/6439915/… , stackoverflow.com/questions/2241875/… — user2864740
– user2864740, Commented Jun 4, 2014 at 21:03

Community · Accepted Answer · 2017-05-23 12:11:03Z

0

So for my first question (pure javascript syntax) its ok. Thanks

var obj = {label: 'Name', type: 'text', position: 0};
var name = 'label';
var temp = obj[name];  //Works fine

For my second question, this way is working (inspired by How to access outer {{#each}} collection value in the nested loop) :

{{#each data}}
    <tr>
        {{#each columns}}
            <td>{{attr .. label}}</td>
        {{/each}}
    </tr>
{{/each}}

Template.worksheets.helpers({
    attr : function (outItem, inItem) {
        return outItem[inItem];
    }
});

But its a bit ugly ...

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Jun 4, 2014 at 21:11

Nicolas

7911 gold badge7 silver badges16 bronze badges

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

1 Comment

Bryan Downing Over a year ago

You should ask a new question instead of asking a new question as an answer.

Collectives™ on Stack Overflow

Dynamic object path in JavaScript [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related