How do I access an access array item by index in handlebars

Question

I am trying to specify the index of an item in an array within a handlebars template       people          name   Yehuda Katz          name   Luke          name   Naomi           using this    lt ul id  luke should be here  gt    people 1  name    lt  ul gt    If the above is not possible  how would I write a helper that could access a spefic item within the array

User · Answer

The following  with an additional dot before the index  works just as expected  Here  the square brackets are optional when the index is followed by another property     people  1  name     people 1 name     However  the square brackets are required in      with people  1        name      with     In the latter  using the index number without the square brackets would get one   Error  Parse error on line                 with people 1                   -----------------------  Expecting  ID   got  INTEGER    As an aside  the brackets are  also  used for segment-literal syntax  to refer to actual identifiers  not index numbers  that would otherwise be invalid  More details in What is a valid identifier    Tested with Handlebars in YUI    2 xx Update  You can now use the get helper for this    get people index    although if you get an error about index needing to be a string  do    get people  concat index

User · Answer

While you are looping in an array with each and if you want to access another array in the context of the current item you do it like this   Here is the example data               name   foo       attr     boo    zoo                 name   bar       attr     far    zar            Here is the handlebars to get the first item in attr array       each player      lt p gt    this name    lt  p gt        with this attr        lt p gt    this  0     lt  p gt       with       each     This will output    lt p gt  foo  lt  p gt   lt p gt  boo  lt  p gt    lt p gt  bar  lt  p gt   lt p gt  far  lt  p gt

User · Answer

The following syntax can also be used if the array is not named  just the array is passed to the template       lt ul id  luke should be here  gt      this 1 name      lt  ul gt

User · Answer

If undocumented features aren t your game  the same can be accomplished here   Handlebars registerHelper  index of   function context ndx      return context ndx         Then in a template     index of this 1     index of        I wrote the above before I got a hold of   this  0    I can t see one getting too far with handlebars without writing your own helpers

User · Answer

If you want to use dynamic variables  This won t work      each obj key           each     You need to do      each  lookup obj key           each     see handlebars lookup helper and handlebars subexpressions

User · Answer

each array        index      each

User · Answer

Please try this  if you want to fetch first last      each list           if  first            lt div class  active  gt        else            lt div gt         if       each        each list           if  last            lt div class  last-element  gt        else            lt div gt         if       each

User · Answer

In my case I wanted to access an array inside a custom helper like so      ifCond arr   index   foo       Which did not work  but the answer suggested by  julesbou worked    Working code      ifCond  lookup arr  index          Hope this helps  Cheers

User · Answer

Try this    lt ul id  luke should be here  gt    people 1 name    lt  ul gt

[javascript] How do I access an access array item by index in handlebars?

2.xx Update

Examples related to javascript

Examples related to handlebars.js