当前位置:秋叶网络博客 前端编程 ◊ Javascript表格数据分析处理

Javascript表格数据分析处理

作者:秋叶 发表时间:2016年3月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();}
转载请保留链接:Javascript表格数据分析处理 | 出处:秋叶个人博客| 本文链接地址:http://www.mizuiren.com/437.html
目录: 前端编程 | 标签: | 5724次阅读