javascript - 如何通过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()返回对象数组

Useful for parsing multi-line CSV data into an array of objects representing data in the form {header:value}. Unless overridden, the first line of data is assumed to contain the headers.

您没有 header ，因此您应该使用 $.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.person row.miles 和 row.country 访问它