赵工的个人空间

CSV是Comma Separated Values的缩写，一种常用的数据存储文件格式，其中每一行是一条记录，每一条记录包含很多列，每列中的数据通常使用逗号分隔，当其中的值包含逗号时需要使用单引号或双引号包含。 其实CSV的分隔符是很灵活的，可以使用很多种。

很多js函数库都可以解析CSV文件，比较简单和简洁的是使用jQuery-csv.js。使用jQuery-csv.js解析出的CSV文件数据以data[row][item]格式存储，这是二维数组，可以根据下标获取其中的值。示例：

$(document).ready(function(){
  $.get('data.csv'),function(theData){
    var data=$.csv.toObjects(theData);
    var theHtml=createTable(data);
    $('#theResult').html(theHtml);
  });
});
function createTable(data){
  var html='';
  if(data[0].constructor===Object){
    html+='<tr>\r\n';
    for(var item in data[0]){
      html+='<th>'+item+'</th>\r\n';
    }
    html+='</tr>\r\n;
    for(var row in data){
      html+='<tr>\r\n';
      for(var item in data[row]){
        html+='<td>'+data[row][item]+'</td>\r\n';
      }
      html+='</tr>\r\n';
    }
  }
  return html;
}

其中的自定义函数createTable()首先遍历数据的第一行提取CSV的列名，并将它们输出到表中，接下来遍历每一行数据，并在过程中构建表标记的其余内容。