js如何将动态数据按一行四列显示出来

[lyroot]

就是一个得分的排行，需要显示出这样的形式：姓名 得分 姓名 得分
可能有多行，一行显示四列，就是两个姓名和两个得分。。。

function RankLen(data) {
if (data.num_arr != ""){
var row_Html = new Array();
i = 1;
j = 1;
tHtml = '<tr class="t_list"><td colspan="4" style="background-color:#ccc"><font color="#fff">排行榜</font></td></tr>';

for (i=1;i<=4;i++){
row_Html.push("<td bgcolor=\"#fff\" height=\"20\" width=\"50\">");
//for (j=1;j<=4;i++){
for (var key in data.num_arr){
row_Html.push(key+data.num_arr[key]+key+data.num_arr[key]);
}
//	}
row_Html.push("</td>");
}
//row_Html.push("</tr>");
$("#r_Rank").html(tHtml+row_Html.join(""));
}

上面这个是会重复的，数据不对！如果一行显示两列（姓名，得分）那就简单，直接
row_Html.push("<tr bgcolor=\"#fff\" height=\"20\"><td style=\"padding-left:5px; background:#fff4eb; color:#511e02\">"+key+"</td><td style=\"background:#ffffff; width:35px; color:red; text-align:center\">"+data.num_arr[key]+" 期</td></tr>");

[天际的海浪]

		if (data.num_arr != "") {
			var row_Html = new Array();
			var tHtml = '<tr class="t_list"><td colspan="4" style="background-color:#ccc"><font color="#fff">排行榜</font></td></tr>';
			row_Html.push("<tr>");
			var i = 0;
			for (var key in data.num_arr) {
				if (++i%2==1) {
					row_Html.push("</tr><tr>");
				}
				row_Html.push("<td bgcolor=\"#fff\" height=\"20\" width=\"50\">"+key+"</td>");
				row_Html.push("<td bgcolor=\"#fff\" height=\"20\" width=\"50\">"+data.num_arr[key]+"</td>");
			}
			row_Html.push("</tr>");
			$("#r_Rank").html(tHtml + row_Html.join(""));
		}

[lyroot]

谢谢海浪大大，向大大看齐！感谢～