CSV в массив [Javascript]

Преобразование CSV в массив в JavaScript для современной веб-разработки

Работа с файлами CSV — обычная задача веб-разработки, и возможность конвертировать файл CSV в массив в JavaScript может быть невероятно полезной. В этой статье мы рассмотрим, как преобразовать CSV-файл в массив в JavaScript, с примерами, использующими как обычный JavaScript, так и популярную библиотеку разбора CSV.

Способ 1. Ванильный JavaScript

Чтобы преобразовать файл CSV в массив в ванильном JavaScript, мы можем использовать функцию fetch() для извлечения содержимого файла CSV, а затем использовать функцию split() для разделения файла на массив строк. Затем мы можем перебрать каждую строку и снова разделить ее на массив ячеек, используя функцию split().

Вот пример:

fetch('data.csv')
  .then(response => response.text())
  .then(data => {
    const rows = data.split('\n');
    const dataArray = rows.map(row => row.split(','));
    console.log(dataArray);
  });

В этом примере мы используем fetch() для получения содержимого файла с именем data.csv, а затем используем метод text() для извлечения текстового содержимого ответа. Затем мы разбиваем текстовое содержимое на массив строк, используя split('\n'), и разбиваем каждую строку на массив ячеек, используя split(','). В результате dataArray представляет собой массив массивов, где каждый внутренний массив представляет собой строку CSV-файла.

Способ 2. Библиотека разбора CSV

В то время как ванильный подход JavaScript работает, он может быть громоздким для обработки крайних случаев, таких как ячейки, содержащие запятые или символы новой строки. Чтобы упростить процесс, мы можем использовать библиотеку разбора CSV, например Papa Parse.

Чтобы использовать Papa Parse, мы можем просто вызвать его функцию parse() и передать данные CSV в виде строки. Papa Parse автоматически проанализирует данные и вернет массив массивов, представляющих данные CSV.

Вот пример:

Papa.parse('data.csv', {
  download: true,
  complete: function(results) {
    const dataArray = results.data;
    console.log(dataArray);
  }
});

В этом примере мы используем опцию download Papa Parse, чтобы загрузить CSV-файл и проанализировать его за один шаг. Затем мы используем обратный вызов complete для доступа к проанализированным данным, которые хранятся в массиве results.data.

Заключение

В этой короткой статье мы рассмотрели два способа преобразования CSV-файла в массив в JavaScript. В то время как ванильный подход JavaScript работает для простых случаев, библиотека разбора CSV, такая как Papa Parse, может упростить процесс и справиться с пограничными случаями. Освоив эти методы, вы сможете легко работать с файлами CSV в своих приложениях JavaScript. Какой способ преобразования javascript csv в метод массива вы бы предпочли?

Спасибо и УДАЧНОГО ПРОГРАММИРОВАНИЯ!