將Django的字符串列表傳遞給JS作爲數組

Question

目標：我想傳遞Django中的字符串列表以將JS作爲字符串數組模板並獲取數組中的每個字符串的索引。

問題：Javascript indexOf()正在計算每個字符（例如字母，單引號和括號）。我在下面的嘗試是基於this,this和this。

代碼1：我嘗試escapejs和safe過濾器，但indexOf()在數組中返回2的第一項（應爲0）。

#views.py 
list = [#utf-8 encoded strings] 
return render(request, template, {'list': list}) 

#template JS 
$('#id').ready(function() { 
var array = "{{list|escapejs}}"; 
console.log(array.indexOf('{{obj}}')); 
#obj is item in list}); 

代碼2：也試過用json.dumps()或encode('utf8')但json.loads()的問題仍然存在。

#views.py 
list = [#utf-8 encoded strings] 
list = json.dumps(list, ensure_ascii=False).encode('utf8') 
return render(request, template, {'list': list}) 

#template JS 
$('#id').ready(function() { 
var array = "{{list}}"; 
console.log(array.indexOf('{{obj}}')); 
#obj is item in list}); 

Answer 1

正如肯達提到了一個評論，這一點：

var array = "{{list}}"; 

會讓array包含列表的表示形式的字符串（無論是Python列表本身或者它的JSON表示）。你想要的是甩掉你列表JSON（以確保你有你的Python列表的本地JavaScript表示），你已經嘗試過，並避免在JS代碼片段添加引號：

var array = {{list}};