jQuery/JavaScript - Преобразование CSV в массив

Question

Я пытаюсь преобразовать CSV-файл в массив javascript.

Вот мой код:

var segments = { 
    'Segment_1':'inves_cast', 
    'Segment_2':'foreged_prod', 
    'Segment_3':'air_prod', 
    'Segment_5':'worldwide', 
    'Segment_6':'structurals' 
}; 

var divisions = { 
    'Division_1':'structurals', 
    'Division_2':'airfoils', 
    'Division_3':'wyman', 
    'Division_4':'energy', 
    'Division_5':'fasteners', 
    'Division_6':'struc_comp', 
    'Division_7':'mech_hard', 
    'Division_8':'engine_prod', 
    'Division_9':'corp', 
    'Division_10':'aero', 
    'Division_11':'timet', 
    'Division_12':'', 
    'Division_13':'spec_metals', 
}; 

var csv = $.get('/path/to/locations.csv'); 

console.log(csv); 

var locationArray = transformLocationData(csv); 

function transformLocationData(obj) { 
    var lineArray = []; 
    if(obj && obj.data) { 
     var text = (data.responseText); 
     lines = text.split('\n'); 
     for(var line in lines) { 
      var lineTokens = line.split(','); 
      lineArray = [ 
       lineTokens[0], 
       lineTokens[1], 
       lineTokens[3], 
       lineTokens[4], 
       lineTokens[5], 
       lineTokens[6], 
       lineTokens[11], 
       lineTokens[12], 
       lineTokens[13], 
       lineTokens[14], 
       lineTokens[15], 
       segments['Segment_' + lineTokens[8]], 
       divisions['Division_' + lineTokens[9]] 
      ]; 
     } 
    } 
    console.log(lineArray); 
} 

Так что я пытаюсь сделать, это нам AJAX, чтобы получить файл CSV, а затем разделить «responseText» первого линии и Второй петли через те линии и разделить его запятыми, а затем создать массив на основе этих номеров строк.

Вот картина данных я получаю обратно от вызова AJAX:

С лог последней консоли (console.log(lineArray);) возвращает пустой массив или на самом деле это просто возвращает данные, находится в var lineArray = []; который пуст, если я заполню его данными var lineArray = ["Lexus", "Audi", "BMW"]; Он вернет этот массив.

Вот plunker со всем кодом: https://plnkr.co/edit/CoZGfr6S9R5LDqR1drzq

Я знаю, что я делаю что-то неправильно, но не могу показаться, чтобы получить его. Я не знаком с такими делами, поэтому любая помощь будет очень признательна.

Answer 1

Вы заменяете lineArray на новый массив каждый раз, и вы регистрируете массив только на конце цикла. Возможно, CSV имеет пустую строку в конце.

Если Вы желаете массив массивов, сделать это вместо того, чтобы:

var lineArray = []; 
if(obj && obj.data) { 
    var text = (data.responseText); 
    lines = text.split('\n'); 
    for(line in lines) { 
     var lineTokens = line.split(','); 
     lineArray.push([ 
      lineTokens[0], 
      lineTokens[1], 
      lineTokens[3], 
      lineTokens[4], 
      lineTokens[5], 
      lineTokens[6], 
      lineTokens[11], 
      lineTokens[12], 
      lineTokens[13], 
      lineTokens[14], 
      lineTokens[15], 
      segments['Segment_' + lineTokens[8]], 
      divisions['Division_' + lineTokens[9]] 
     ]); 
    } 
} 
console.log(lineArray); 

Update:

Кроме того, вы не обрабатывает результаты из запроса Ajax должным образом. Эта строка:

var csv = $ .get ('/ path/to/locations.csv');

... не возвращает CSV. Скорее, он возвращает обещание (вроде ...). Поэтому вы не можете разобрать csv. Скорее, дождитесь результатов. Изменение кода:

$.get('/path/to/locations.csv').then(function (csv) { 
    var locationArray = transformLocationData(csv); 
}, function (err) { 
    // Handle errors 
}); 

Как @vlaz упоминалось, вы также хотите изменить свой цикл от for..in к обычному for цикла:

for (var i = 0; i < lines.length; i++) { 
    var line = lines[i]; 
    // ... 
}