Javascript表格数据分析处理

作者：秋了秋发表时间：2016年03月05日

关于数据的方面，往往跟表格联系在一起，因为表格能容纳大数据，使得数据看起来更整洁直观，再经过js的批量分析操作，会使得原本整洁直观表格数据变得更加整洁直观。

以下是处理表格中的数据的一个方法，将数据小于60%的标注为红色背景，将大于60%但小于80%的标注为黄色背景。相当于成绩的警告系统。如果数据量大的话，比如说一个学校几万人的成绩表格，要把里面的挂科人数找出来并标注为红色背景，靠人工是几乎不可能的，这就是程序的魅力，让我们几分钟编写程序来处理人类无法完成的工作。

var table=document.getElementById("table"),//获取表格
button=document.getElementById("button"),//获取button
tr=table.rows,td;//获取表格行
function random(){//方法
   for(var i=0;i<tr.length;i++){//循环查询表格行
	td=tr[i].cells;//获取表格列
	for(var j=0;j<td.length;j++){//循环查询表格列
	   td[j].style.background="";//把背景全部清空
	   var num=(Math.random()*100).toFixed(2)+"%";//演示数据，生成随机的0~100的数
	   td[j].innerHTML=num;//插入数据
	   var number=parseInt(num);//换成整型数据
	   if(number<60){//小于60的时候...
		td[j].style.background="red";//红色背景
	   }else if(number<80){//小于80的时候...
		td[j].style.background="yellow";//黄色背景
	   }
	}
    }
}
random();
button.onclick=function(){random();}