reactnativeでCSVファイルを読み込んでデータを配列に格納したい

ローカルに置いたCSVファイルのデータを読み込んで配列に格納する。
そもそもXMLHttpRequestを使うのが適切かどうかも怪しいです。
別の方法の方が適切であればご教授ください。

エラーメッセージ

undefined Unable to resolve module 'child_process' from~~~ Module 'child_process' does not exist in the Haste module map

csvTest.js

    function loadCSV(targetFile) {
      // 読み込んだデータを1行ずつ格納する配列
      var allData = [];
      // XMLHttpRequestの用意
      var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;
      var request = new XMLHttpRequest();
      request.open("get", targetFile, false);
      request.send(null);

      // 読み込んだCSVデータ
      var csvData = request.responseText;

      // CSVの全行を取得
      var lines = csvData.split("\n");

      for (var i = 0; i < lines.length; i++) {
        // 1行ごとの処理

          var wordSet = lines[i].split(",");

          var wordData = {
              name: wordSet[0],
              age: wordSet[1],
          };

        allData.push(wordData);
      }

      console.log(allData);
    }

    console.log('Hello')
    loadCSV("data.csv");
    console.log('Hello');

data.csv

0.jpg,1
1.jpg,22
2.jpg,32

行動規範の内容に同意します

回答1件

ベストアンサー

依存を増やして良いなら csvtojson 使ったほうが早いかもしれないですね。

js
1const c2j = require('csvtojson');
2const csvFilePath = 'YOUR_CSV_FILE_PATH';
3
4c2j({
5  noheader: true,
6  headers: ['name', 'age']
7})
8.fromFile(csvFilePath)
9.then(json => {
10  console.log(json); // -> [ { name: '0.jpg', age: '1' }, { name: '1.jpg', age: '22' }, { name: '2.jpg', age: '32' } ]
11});