Estoy trabajando en un archivo HTML. Tengo una lista de diccionarios que obtuve a través de Flask de mi documento de Python. Estoy tratando de recorrer cada elemento de la lista en JavaScript y obtener el valor. Probé estas soluciones pero no funcionaron:
```for (let i = 0; i < 6; i++) { var value = '{{data[i]["key"]}}' //do some stuff with it. }```Error:
Archivo "/home/ubuntu/final_project/templates/results2.html", línea 144, en el código de plantilla de nivel superior var cosas = {{data[i]['key']}} Archivo "/usr/local/lib/ python3.9/site-packages/jinja2/environment.py", línea 452, en getitem return obj[argumento] jinja2.exceptions.UndefinedError: el objeto de la lista no tiene ningún elemento Indefinido
Y sin las comillas alrededor de las llaves dobles:
```for (let i = 0; i < 6; i++) { var value = {{data[i]["key"]}} //do some stuff with it. }```Mismo error.
Finalmente:
```for (let i = 0; i < 6; i++) { var temp = '{{data}}' var value = temp[i]["key"] //do some stuff with it. }```Pero eso tampoco funcionó. Comenzó a recorrer los datos carácter por carácter. (La salida fue 'indefinida' 6 veces.
Sin embargo, eso no pareció funcionar. ¿Hay alguna manera de obtener la 'i'ésima lista de la lista de 'datos' en JavaScript, o tengo que volver a mi archivo python y enviar cada diccionario a través del matraz uno por uno?
Siguiendo su ejemplo de código, parece que está intentando leer el contenido de su lista, manipular cada elemento y almacenar el nuevo valor. En ECMA6 tenemos el método map para este tipo de operaciones. El método de mapa toma una función, que debe realizarse en cada elemento de la lista, luego devuelve una nueva lista. No tendrá que declarar i o recorrer la lista como lo está haciendo a la vieja usanza. Por supuesto, también hay una solución para ese enfoque, pero esta es la forma moderna.
const data = [l1,l2,l3] const newData = data.map( () => { return do_stome_stuff() }); //do some stuffSi necesita hacer algo basado en una clave, deberá configurar la lógica para esto dentro de la función.