質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1933閲覧

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

退会済みユーザー

退会済みユーザー

総合スコア0

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2018/07/09 22:05

ローカルに置いた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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

依存を増やして良いなら 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});

csvtojson - npm


ところで xmlhttprequest モジュールを使わずとも react native は fetchAPI を提供しているようですね。

Networking · React Native

投稿2018/07/10 04:25

og24715

総合スコア832

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/07/11 01:47

回答ありがとうございました。 fetchAPIで解決しました
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問