JS循环生成表格如何更改单个格子颜色?

从服务器获取一个字符串,用于生成一张成绩表,大致如下:

recv = '{"张三": ["89", "63", "78", "77"], "李四": ["99", "75", "98", "97"]}';
obj = JSON.parse(recv);
drawtop = "<table><thead><tr> <th>姓名</th><th>语文</th><th数学</th><th>英语</th><th>物理</th></tr> </thead><tbody>"
drawmid= "";
for (i in obj){
    draw += "<tr><td>" + i + "</td><td>" + obj[i][0] + "</td><td>" + obj[i][1] + "</td><td>" + obj[i][2] + "</td></tr>";
}
drawend =" </tbody></table>"
draw = drawtop + drawmid + drawend;
document.write(draw);

但现在这张表上,想让低于85分的格子标红色,还是想基于循环实现,因为这个名单很长,不止张三李四两个人。应该如何实现?

for循环里做个判断,如果是分数>=85,那就使用你现在的格式;如果<85,那么给低于85分td加山一个class, 类似:

<td style="color:white;"> + obj[i][1] + </td>