JavaScript: преобразование строки значений через запятую в двумерный массив объектов

Последнее обновление 9 февраля 2019 08:32:44 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Основы JavaScript (синтаксис ES6): упражнение 4 с решением

Напишите программу на JavaScript для преобразования строки значений, разделенных запятыми (CSV), в двумерный массив объектов. Первая строка строки используется в качестве строки заголовка.

Пример решения:

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Convert a comma-separated values string to a 2D array of objects</title>
</head>
<body>
</body>
</html>

Код JavaScript:

//#Source https://bit.ly/2neWfJ2
const CSV_to_JSON = (data, delimiter =',') => {
  const titles = data.slice(0, data.indexOf('\n')).split(delimiter);
  return data
    .slice(data.indexOf('\n') + 1)
    .split('\n')
    .map(v => {
      const values = v.split(delimiter);
      return titles.reduce((obj, title, index) => ((obj[title] = values[index]), obj), {});
    });
};
console.log(CSV_to_JSON('col1,col2\na,b\nc,d')); // [{'col1': 'a', 'col2': 'b'}, {'col1': 'c', 'col2': 'd'}];
console.log(CSV_to_JSON('col1;col2\na;b\nc;d', ';')); // [{'col1': 'a', 'col2': 'b'}, {'col1': 'c', 'col2': 'd'}];

Пример вывода:

 [{ "Col1": "а", "col2": "б"}, { "col1": "с", "col2": "г"}]
[{ "Col1": "а", "col2": "б"}, { "col1": "с", "col2": "г"}]

Блок - схема:

Демонстрация в реальном времени:

См. Pen javascript-basic-упражнение-1-4 от w3resource ( @ w3resource ) на CodePen .

Улучшите этот пример решения и опубликуйте свой код через Disqus

Предыдущий: Написать программу JavaScript для преобразования строки значений, разделенных запятыми (CSV), в двумерный массив.
Далее: Напишите программу на JavaScript для преобразования массива объектов в строку значений, разделенных запятыми (CSV), которая содержит только указанные столбцы.