преобразовать CSV-файл в JSON объект данных - PullRequest
Новая
       8

преобразовать CSV-файл в JSON объект данных

10 голосов
/ 30 августа 2010

Кто-нибудь знает, как получить файл CSV-URL и преобразовать его в объект json, чтобы я мог использовать инструменты построения диаграмм Google в js?

Ответы [ 5 ]

18 голосов
/ 09 августа 2011

Я понимаю, что это старый вопрос, но сегодня я столкнулся с ним, нуждающимся в том же, и написал сценарий для этого. Вы можете проверить это в моем репозитории github .

Следующий код выполнит то, что вам нужно (используя jQuery): 

$.ajax("http://my.domain.com/mycsvfile.csv", {
    success: function(data) {
        var jsonobject = csvjson.csv2json(data);
        // Now use jsonobject to do some charting...
    },
    error: function() {
        // Show some error message, couldn't get the CSV file
    }
});

Удачного кодирования:)

3 голосов
/ 27 августа 2016

Папа Parse хорошо для этого. 

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="libraries/PapaParse-4.1.2/papaparse.min.js"></script>

    <script>
    $(document).ready(function(){

        $("#submitbutton").click(function(){
            var myfile = $("#csvfile")[0].files[0];
            var json = Papa.parse(myfile, 
                {
                header: true, 
                skipEmptyLines: true,
                complete: function(results) {
                    console.log("Dataframe:", JSON.stringify(results.data));
                    console.log("Column names:", results.meta.fields);
                    console.log("Errors:", results.errors);
                }
            });

        })
    })
    </script>

</head>

<body>
    <form name="foo" method="post" enctype="multipart/form-data">
        <input id="csvfile" type="file" value="i">
    </form>

    <button id="submitbutton" type="button">Upload CSV file!</button>

</body>

</html>

Загрузка этого CSV: 

+------+----------------+---------------+------------+
|  Id  |  Petal.Length  |  Petal.Width  |  Species   |
+======+================+===============+============+
|  1   |      1.4       |      0.2      |   setosa   |
+------+----------------+---------------+------------+
|  2   |      1.4       |      0.2      |   setosa   |
+------+----------------+---------------+------------+
|  3   |      1.3       |      0.2      |   setosa   |
+------+----------------+---------------+------------+
|  4   |      3.9       |      1.4      | versicolor |
+------+----------------+---------------+------------+
|  5   |      3.5       |       1       | versicolor |
+------+----------------+---------------+------------+
|  6   |      4.2       |      1.5      | versicolor |
+------+----------------+---------------+------------+
|  7   |      5.4       |      2.3      | virginica  |
+------+----------------+---------------+------------+
|  8   |      5.1       |      1.8      | virginica  |
+------+----------------+---------------+------------+

вы получите этот вывод в консоли: 

Dataframe: [{"Id":"1","Petal.Length":"1.4","Petal.Width":"0.2","Species":"setosa"},{"Id":"2","Petal.Length":"1.4","Petal.Width":"0.2","Species":"setosa"},{"Id":"3","Petal.Length":"1.3","Petal.Width":"0.2","Species":"setosa"},{"Id":"4","Petal.Length":"3.9","Petal.Width":"1.4","Species":"versicolor"},{"Id":"5","Petal.Length":"3.5","Petal.Width":"1","Species":"versicolor"},{"Id":"6","Petal.Length":"4.2","Petal.Width":"1.5","Species":"versicolor"},{"Id":"7","Petal.Length":"5.4","Petal.Width":"2.3","Species":"virginica"},{"Id":"8","Petal.Length":"5.1","Petal.Width":"1.8","Species":"virginica"}]
Column names: ["Id", "Petal.Length", "Petal.Width", "Species"]
Errors: []
3 голосов
/ 13 октября 2015

используйте этот код для руководства по синтаксическому анализу CSV-файла в JSON ... 

function processFiles(files) {
    var file = files[0];
    var reader = new FileReader();
    reader.onload = function (e) {
        var output = document.getElementById("fileOutput");
        var texto = e.target.result;
        csvJSON(texto);
    };
    reader.readAsText(file);
}
function csvJSON(csv) {
    var lines = csv.split("\n");
    var result = [];
    var headers;
    for (var i = 0; i < lines.length; i++) {
        headers = lines[i].split("\n");
    }
    var cont = 0;
    for (var i = 0; i < lines.length; i++) {

        var obj = {};
        var currentline = lines[i].split("\n");
        for (var j = 0; j < headers.length; j++) {
            obj[cont] = currentline[j];
        }
        cont++;
        result.push(obj);
    }

    return JSON.stringify(result); //JSON
}
3 голосов
/ 30 августа 2010

Насколько я знаю, для большинства сценариев вы можете превратить csv в массив массивов js, матрицу или любой объект javascript, соответствующий вашему соглашению об инструментах построения диаграмм.

Возможно, вам потребуется:

  1. Получить содержимое файла CSV
  2. Разобрать его
  3. Обернуть результаты из 2 в инструмент построения диаграмм json (?)
  4. Позвоните в свою библиотеку диаграмм

Для 1, если CSV-файл размещен в вашем домене, вы можете сделать простой запрос XMLHttpRequest, иначе попробуйте поискать здесь «та же политика происхождения».
Хитростьчасть - это пункт 2. Я видел несколько неудачных попыток синтаксического анализа файлов CSV вручную (точки с запятой могут содержаться как часть значения и т. д.) ... Проверьте ссылку.

1 голос
/ 30 августа 2010

CSV и JSON - это разные форматы.JSON является иерархическим, в то время как CSV представляет список значений.Поэтому я думаю, что вам нужно будет сначала проанализировать CSV (, конечно, используя парсер и , не реализуя себя ).Этот синтаксический анализатор даст вам объект, который можно затем сериализовать в JSON или, вероятно, преобразовать в другой объект перед сериализацией (снова используя синтаксический анализатор ), чтобы получить желаемый формат.1009 *

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...