如何使用csv- jquery解析csv并生成报表

Question

假设你有这样的csv数据，我可以从我的网页上的文本区读取它们:

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功能做到这一点吗?

Answer 1

这个函数$.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你需要添加header

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

，并使用row访问它。人行。英里和行。国家