How to use javascript string as variable name in django html template?

Question

I have a django view that passes a multiple of values to my html page. Based on some client side process, I want to process one of those values. Consider the example:

views.py

return render(request,'output.html',{
    'k1'=x,
    'k2'=y,
    'k3'=z,
}

output.html:

<script>
    var temp;
    var i;
for (i=1;i<=3;i++){
        temp="k"+i.toString();
    }

Now I want to access value in variable whose name is stored in temp to perform some jquery operations. So I need the value stored in a javascript variable.

Note: the given is just a small example, I am actually using a loop of about 60 iterations, ie k1 to k60, So hard Coding if else is not a feasible option.

Answer 1

Use JSON for data you want to use in your HTML template. Then you can work with it as it would be JS.

<script>var data = {{ data | jsonify }}; </script>