Handlebars.js - Access object value with a variable key

Question

Looking for a way to access to achieve this:

{{#each someArray}}
  {{../otherObject.[this]}}
{{/each}}

How do I evaluate the value of this and then reference it as a key to my object otherObject?

I have, searched for 2 days. Maybe I'm just awful at googling. — Kevin Wang, Oct 30 '13 at 02:44
[This one from the sidebar](http://stackoverflow.com/questions/18168924/how-to-get-an-array-value-at-index-using-handlebars-js?rq=1) is about 90% of the solution. Basically, you have to write our own helper that converts things like `{{value_at obj key}}` to the JavaScript `obj[key]`. — mu is too short, Oct 30 '13 at 03:07
I've seen that answer, the second one refers to what I'm talking about, and I was hoping for a similar solution because it seems like such an obvious use case. It's hard to believe that handlebars doesn't support this syntax... — Kevin Wang, Oct 31 '13 at 06:34
Did you find any workaround @KevinWang? I'm stuck on the same issue... — Mathieu, Sep 25 '14 at 16:08

score 19 · Answer 1 · edited Sep 02 '21 at 17:00

19

With lookup: https://handlebarsjs.com/guide/builtin-helpers.html#lookup

{{#each someArray}}
  {{lookup ../otherObject this}}
{{/each}}

edited Sep 02 '21 at 17:00

Community

1
1

answered Jan 21 '16 at 06:54

Mario Negrete

240
2
7

best answer that is – zavr Jun 06 '16 at 01:18
this is printing [object Object] – theprogrammer Dec 17 '19 at 19:40

score 5 · Answer 2 · answered Apr 25 '14 at 22:14

One possible solution with a helper:

/*
{{#each someArrayOfKeys}}
  {{#withItem ../otherObject key=this}}
    {{this}}
  {{/withItem}}
{{/each}}
*/

Handlebars.registerHelper('withItem', function(object, options) {
    return options.fn(object[options.hash.key]);
});

Handlebars.js - Access object value with a variable key

2 Answers2

Linked