如何通过csv-jQuery解析csv并生成报告?

时间:2013-03-18 15:20:12

标签: javascript jquery csv jquery-csv

假设你有这样的csv数据,我可以在我的网页上的textarea中读取它们:

A,10,USA
B,5,UK
A,2,USA

我正在尝试使用cs-jQuery来解析和处理这些数据,以获得以下报告:

A has ran 12 miles with average of 6. 
B has ran 5 miles with average of 5. 

我写的代码如下:

<script>
$(document).ready(function() {
    $('#calculate').click(function() {
        $('#report').empty();
        var data = $('#input').val();
        var values = $.csv.toObjects(data);
        $('#report').append(values);
        alert(values);
    });
});
</script>

但我得到的只是[object Object] [object Object] ... 关于我应该做什么的任何建议?使用jQuery功能的任何方法吗?

1 个答案:

答案 0 :(得分:2)

此函数$.csv.toObjects()返回对象数组

  

用于将多行CSV数据解析为对象数组   以{header:value}形式表示数据。除非被覆盖,否则   假设第一行数据包含标题。

您没有标题,因此您应该使用$.csv.toArrays()代替并迭代该数组:

$.each($.csv.toArrays(data), function(_, row) {
   $('#report').append('<div>' + row[0] + ' has ran ' + row[1] + ' miles</div>');
});

如果要使用toObjects,则需要输入标题

person,miles,country
A,10,USA
B,5,UK
A,2,USA

并使用row.person row.miles和row.country

访问它