js数组循环追加到html,请问如何让javascript遍历一个从后台传到html上的数组？

刚开始自学javascript，请大家多指点。

我的需求是，从后台取一个数组，然后用javascript遍历这个数组，取其中的一些值进行计算。

数组的格式大致是[ {name : a , age : 1} , {name : b , age : 2} , { name : c , age : 3} ]

我用

{{my_array}}

，然后用getElementById取到了这个元素，它的类型是一个对象。但当我用for ( let array of my_array)时，提示not iterable，我无法遍历它。

我尝试了用.innerText，但获取到的变成了字符串，我依然没办法将字符串转成数组，也尝试了用array.from 或者用split(',')之类的办法，但都没有成功。

我也尝试将将pymysql输出的结果用json.parse转成json格式再读取，同样也是失败了。

能否请大家告诉我，我要怎样遍历这个数组，或者为什么这个对象无法被遍历，或者获取到元素的属性要如何从对象变为数组？

非常感谢！