Django template language - Python array with Javascript index

Question

Well, maybe this is a silly question, but i couldn't find the answer so far. So, i am rendering a view in Django (i will do the code generic to make the problem easier), and the python side looks something like this:

...
marray = [1, 2, 3, 4, 5]
...
return render(request, "template.html", {"marray": marray})

Now, in the template.html file, I want to access the array, but the index must be determined by a JavaScript variable:

var index = 2;
var mvar = {{ marray.index }};
console.log(mvar);

Output wanted:

Obviously, the previous code does not work, it's just to show what I want. Any suggestions?

Thanks.

Possible duplicate of How to pass an array in Django to a template and use it with JavaScript — internet_user
– internet_user, Commented Dec 18, 2017 at 13:13
I think it's not a duplicate due to the access to the index of the array in a single line. Thanks — Joaquin Miranda
– Joaquin Miranda, Commented Dec 18, 2017 at 13:35

internet_user · Accepted Answer · 2017-12-18 13:08:06Z

0

var index = 2;
var marray = {{ marray|safe }};
var mvar = marray[index];
// OR: var mvar = {{ marray|safe }}[index];

Note that here index will probably either be constant, or be determined by the context, so there might be better ways to do this.

answered Dec 18, 2017 at 13:08

internet_user

3,3091 gold badge22 silver badges30 bronze badges

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

1 Comment

Joaquin Miranda Over a year ago

Great! var mvar = {{ marray|safe }}[index]; is what i was wanted. I don't know how it did not occur to me. Many thanks.

Collectives™ on Stack Overflow

Django template language - Python array with Javascript index

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related