Javascript not reading the keys and values of a dictionary in django template

Question

I have a dictionary like:

dest = {2: [u'canada', u'A', 'Ottawa'], 5: [u'Malaysia', u'A', 'KualaLumpur'],...}

Then I tried to retrieve the keys and values from dest in django template using javascript:

function categorizeReports()
{
      var a = [];
      var b = [];
      {% for i,v in dest %}
        id = '{{i}}';
        console.log('id', id)
        values = '{{v}}';
        console.log('values',values)
        {% for name, type, cat in values %}
            if(type=='A' && cat=='Ottawa')
                {
                     a.push(id,name,type,cat)
                }
            if(type=='A' && cat=='KualaLumpur')
                {
                     b.push(id,name,type,cat)
                }

        {% endfor %}
      {% endfor %}
      console.log(a)
      console.log(b)
 }

But both the Arrays are shown as 'an empty string' as well as id and values are too shown as 'an empty string' , Please help!

Answer 1

Missing .items

Change

{% for i,v in dest %}

to

{% for i,v in dest.items %}