请问如何让javascript遍历一个从后台传到html上的数组？
0
悬赏园豆：30
[待解决问题]
刚开始自学javascript，请大家多指点。
我的需求是，从后台取一个数组，然后用javascript遍历这个数组，取其中的一些值进行计算。
数组的格式大致是[ {name : a , age : 1} , {name : b , age : 2} , { name : c , age : 3} ]
我用<div>{{my_array}}<div>，然后用getElementById取到了这个元素，它的类型是一个对象。但当我用for ( let array of my_array)时，提示not iterable，我无法遍历它。
我尝试了用.innerText，但获取到的变成了字符串，我依然没办法将字符串转成数组，也尝试了用array.from 或者用split(',')之类的办法，但都没有成功。
我也尝试将将pymysql输出的结果用json.parse转成json格式再读取，同样也是失败了。
能否请大家告诉我，我要怎样遍历这个数组，或者为什么这个对象无法被遍历，或者获取到元素的属性要如何从对象变为数组？
非常感谢！
所有回答(6)
0
既然是從後端取得的資料，為什麼要先放到頁面上？何不直接處理？
這個數組我需要遍歷它然後把其中一些值使用在函數裡，所以遍歷的過程要放在js裡處理，抱歉可能是我沒有講的很清楚。但還是非常感謝您的回答！
0
后台传过来的会不会只是个字符串格式？
我查看了获取到的元素，类型是一个object,如果使用innerText，会变成一个字符串，无法转成数组，如果遍历这个字符串，只会获取到每个字符。今天中午自己解决了问题，先使用json.dumps将mysql输出的结果转换成json格式，然后再传递到页面上，获取以后用json.parse转换，就可以遍历了，非常感谢您回答我的问题！
0
原始方法示例：
var arr = [{name:'lili',age:12},{name:'lisi',age:13},{name:'linlin',age:13}];
for(var i=0; i<arr.length;i++){
alert(arr[i].name + "-" + arr[i].age);
}
谢谢您回答我的问题。这个方法我最早就尝试过了，但因为获取的object的长度为零，无法进行遍历，会报not iterable的错。最后自己解决的问题，方法是先使用json.dumps将mysql输出的结果转换成json格式，然后再传递到页面上，获取以后用json.parse转换，就可以用for遍历了。
0
问题已经自己解决了，方法是先使用json.dumps将mysql输出的结果转换成json格式，然后再传递到页面上，获取以后用json.parse转换，就可以用for遍历了。
0
所以是后台展示到html页面的数组格式不对咯？
0
var result= [{name:'lili',age:12},{name:'lisi',age:13},{name:'linlin',age:13}];
var jsonExists = $.parseJSON(result);
$.each(jsonExists, function (i, n) {
alert(n.name + "-" + n.age); });
先 parseJson后 然后 打印出来看看 是不是一个对象数组。如果是就可以遍历 去做你的逻辑处理。处理完后 再放到html中展示
– ^keepHungry$ 3年前