在写代码的时候,每次写完,都要思考一下,代码要怎么样才可以具有通用性,也就是在别的地方,也一样可以使用,这就是封装。在做后台管理系统的时候,我们就会发现,后台在展示数据的时候,通常都是以表格的形式来展示数据的。而在表格中展示的这些数据,后端传过来的,通常是一个json的数组,类似于这样的:
var data = [{"id":1,"name":"张三","sex":"男"},
{"id":2,"name":"李雷","sex":"男"},
{"id":3,"name":"美美","sex":"女"},
{"id":4,"name":"小红","sex":"女"}];
基于此,我们可以封装一个通用的方法,把json数组,转化成表格,后面再遇到类似的情况,只需要调用这个方法就可以了。那这个方法,要怎么样封装呢?我们使用jquery框架来进行编写,当然jquery并不是必须的。首先,我们分析,这是一个数组,数组的每一个元素是一个json,并且每个json的各个属性名称是一样的,个数也是一样的,就像上面的例子,每个json都有id、name、sex三个属性。那么就可以先取出数组中的第一个json,然后遍历它的属性,拿出属性名,