Read Csv Headers Using Javascript

I have a csv file with headers that look like this header1,header2,header3,header4 value1,value2,value3,value4 value1,value2,value3,value4 value1,value2,value3,value4 I just want

Solution 1:

So assuming your csv data looking like this:

heading1,heading2,heading3,heading4,heading5,value1_1,value2_1,value3_1,value4_1,value5_1,value1_2,value2_2,value3_2,value4_2,value5_2....

This will read the data and convert an array like this:

[heading1:value1_1 , heading2:value2_1, heading3 :value3_1, heading4 :value4_1, heading5 :value5_1 ],[heading1:value1_2,heading2:value2_2,heading3 :value3_2,heading4 :value4_2,heading5 :value5_2]....

This code will work when your data.txt file is one long string of comma-separated entries, with no newlines:

data.txt:

heading1,heading2,heading3,heading4,heading5,value1_1,...,value5_2

javascript:

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

functionprocessData(allText) {
    var record_num = 5;  // or however many elements there are in each rowvar allTextLines = allText.split(/\r\n|\n/);
    var entries = allTextLines[0].split(',');
    var lines = [];

    var headings = entries.splice(0,record_num);
        while (entries.length>0) {
        var tarr = [];
        for (var j=0; j<record_num; j++) {
            tarr.push(headings[j]+":"+entries.shift());
        }
        lines.push(tarr);
    }
    // alert(lines);
}

The following code will work on a "true" CSV file with linebreaks between each set of records:

data.txt:

heading1,heading2,heading3,heading4,heading5 value1_1,value2_1,value3_1,value4_1,value5_1 value1_2,value2_2,value3_2,value4_2,value5_2 javascript:

$(document).ready(function() {
    $.ajax({
        type: "GET",
       url: "data.txt",
        dataType: "text",
        success: function(data) {processData(data);}
     });
});

functionprocessData(allText) {
    var allTextLines = allText.split(/\r\n|\n/);
    var headers = allTextLines[0].split(',');
    var lines = [];

    for (var i=1; i<allTextLines.length; i++) {
        var data = allTextLines[i].split(',');
        if (data.length == headers.length) {

            var tarr = [];
            for (var j=0; j<headers.length; j++) {
                tarr.push(headers[j]+":"+data[j]);
            }
            lines.push(tarr);
        }
    }
    // alert(lines);
   }

http://jsfiddle.net/mblase75/dcqxr/

Solution 2:

I used the code below because I wanted to stick to straight JS and my CVS was already neatly formatted so I didn't need additional regular expressions to format them. This was a first step to getting the headers from my csv file, so that I can compare it to another variable in my code.

for (key in unemployment2[0]) {
            console.log(key);
        }