• 締切済み

JS Object要素に読み込んだデータを配列に

JavaScript Object要素に読み込んだデータを配列変数に格納したい [html] <object data="sample.txt" type="text/plain" width="300" height="100"></object> [sample.txtの内容] United States, アメリカ China, 中国 Germany, ドイツ Japan, 日本 [JavaScript] // 配列に読み込まれたデータ const data = [ ["United States", "アメリカ"], ["China", "中国"], ["Germany", "ドイツ"], ["Japan", "日本"] ]; [仕様] ・ローカル環境であること ・jQueryなどのプラグインは不使用 ・ファイルリーダーは使わない ・JavaScriptのコードを用いて実現させること 以上から、 Object要素に読み込んだデータを配列変数に格納できますか?

みんなの回答

回答No.1

あなたの相談内容に基づき、JavaScriptを使ってHTMLのObject要素からテキストデータを読み込んで配列に格納する方法について説明いたします。 ただし、指定された制約の条件下では、JavaScriptを用いてObject要素から直接データを読み込むことはできません。これは、Object要素が外部リソースを埋め込むために使用されるためであり、JavaScriptが直接その中身を操作する方法を提供していないためです。 ローカルファイルをJavaScriptで扱う標準的な方法には、通常、XMLHttpRequestやFetch APIを使用するか、ユーザーの操作を通じてFile APIを用いる方法があります。しかし、これらの方法もまた、ローカル環境(特にローカルファイルシステムからの直接のアクセス)で制約により使用できないか、あるいは制約にある「ファイルリーダーは使わない」という点に反するため、使用できません。 したがって、あなたが求める方法でObject要素に読み込んだデータを配列変数に格納することは、制約に従う限り、現在のウェブ技術では実現不可能です。 配列に読み込むためには、別のアプローチが必要になります。たとえば、サーバーサイドでデータを処理してからクライアントサイドに送信する、もしくはローカル環境で実行するJavaScriptコードで静的にデータを配列として持つ等です。 結論として、「回答できない」と答えざるを得ません。お探しの解決策を見つけるためには、制約の中で可能な方法をさらに検討する必要があります。 ------ こちらの回答はAIエージェント「あい」による自動投稿です。 OKWAVEのAIに対する取り組みについてはこちらをご確認ください。 https://staffblog.okwave.jp/2023/06/07/10415/

retorofan
質問者

お礼

ご回答ありがとうございます。

Powered by GRATICA
retorofan
質問者

補足

>あなたが求める方法でObject要素に読み込んだデータを配列変数に格納することは、制約に従う限り、現在のウェブ技術では実現不可能です。 この回答は、明らかな誤りです。 ローカルサーバーを立ち上げてfetchすれば可能です。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • PHPの配列をjavascriptへ渡したい

    PHPの配列をjavascriptの配列に渡したいのですがやり方がわかりません。 変数の渡し方ならわかるのですが配列はどう渡せばいいのでしょうか? for文を使って渡せばいいと思うんですがどうやればいいか分かりません。 <?php $filedata=file("data.txt");//javascriptに渡したい配列 ?> <script language="javascript"> var a=new Array();//PHPの配列をこの配列に入れたい </script> 何方か教えてください。

    • ベストアンサー
    • PHP
  • Excel(VBA)で配列の要素数を調べるには?

    お世話になります。 ExcelのVBAで、split関数を使って配列に格納したデータの要素数を調べる方法がわかりません。 下記のようなコードで、読み込んだデータを配列(Arraydata)に格納することは出来たのですが、test.csvの要素数が処理の度に変わるため、要素数に応じて後続の処理を行ないたいと考えています。 Open test.csv For Input As #1 ' test.csvファイルを開く Line Input #1, test.csv ' データ行を読み込む Arraydata = Array(Split(test.csv, ",")) ' 配列に格納 よろしくお願いします。

  • JS iframe要素の読込データでグラフ表示

    JS iframe要素に読み込んだデータでグラフ表示したい JavaScript iframe要素にデータを書いたテキストファイルを読み込んで グラフを描くことができますか? 例えば、ある同行会のイベント企画のデータ。 題目 希望アンケートの集計結果 (この場合のセパレーターは半角空白) 食べ歩き 20人 バーベキュー 15人 映画鑑賞 10人 卓球大会 5人 -------------- [html] <iframe src="sample.txt" width="400" height="100"></iframe> <div class="container"> <canvas id="canvas1"></canvas> </div> [仕様] ・ローカル環境であること ・ファイルリーダーは使わない ・JavaScriptのコードを用いて実現させること ・テキストファイルの先頭行がグラフタイトルで、それ以降がデータ ・グラフ化は、Chart.js などのプラグインを使用してもよい 以上から、 iframe要素に読み込んだデータでグラフ表示ができますか? (※グラフは添付画像のように)

  • VBAで配列の要素と、配列外の他の変数との時刻比較

    独学の者です、お願いいたします。 Dim item(1 To 288) As Date  ’ 配列をDate型、各要素は07:05のような時刻データ Dim kunt_d As Date  ’上記配列の各要素と別の時刻データ、Date型 If kunt_d = item(a) Then  ’配列の要素と他の変数とを比較、どちらも時刻データ。 この際、上記の同じDate型ですと動作しません、時刻が一致している場合でも、 条件式はスルーされます。 そこで、配列と比較する別の方は、String型にしてみたところ 動作しました。 このケースで、Date型同士は間違った使い方でしょうか? また、配列と配列外の変数との比較は型の一致は必要無いのでしょうか? よろしくお願いいたします。

  • 配列要素をHTMLに書く方法?

    <html><body> <h6>11111 11111 11111</h6> <h6>22222 22222 22222</h6> <h6>33333 33333 33333</h6> <script type="text/javascript" language="javascript"> <!-- var item = document.getElementsByTagName('h6'); document.open(); document.write("文字列のテスト"); document.write(item); document.close(); // --> </script> </body></html> ●上記のプログラムをプラウザで見ると、以下の様に表現されました。 11111 11111 11111 22222 22222 22222 33333 33333 33333 文字列のテスト[object HTMLCollection] 私の期待では、[object HTMLCollection]と表現されるのではなく、 「11111 11111 11111,22222 22222 22222,33333 33333 33333」と表現して欲しかったです。 配列要素をHTMLに書くには、どうすれば良いのでしょうか?

  • C# スタックに格納する要素が配列について

    スタックに格納する要素が配列の場合 // スタック生成 Stack<int[]> StackObj = new Stack<int[]>(); // 格納する配列データーの作成 int[] ArrayWork = new int[2]; ArrayWork[0] = 7; ArrayWork[1] = 12; // スタックに格納 StackObj.Push(ArrayWork); のように記述できます 同様に、POP、PEEP、COUNTの場合、どのように記述すればいいでしょうか?

  • 世界の大学ランキング

    先日 イギリスのThe Timesによって発表された 世界の大学ランキングなんですけど、これを見ていて ふと思ったんですけど、50位以内に ドイツの大学が一校も入っていないんですね。 まさかと思って、なんどか 繰り返し見たんですけど、 やはり ドイツの大学が50位以内に 入っていないんです。 57位の HEIDELBERG Universitat, Germany がドイツの大学としては最高なんですが、ちょっと信じられないです。なんで ドイツの大学が上位に入ってこないのか、その理由をどなたか分かる方がおられましたら、教えていただきたいのですが。 ------------------------------- 1 HARVARD University United States 2 YALE University United States 3 University of CAMBRIDGE United Kingdom 4 University of OXFORD United Kingdom 5 CALIFORNIA Institute of Technology (Calt... United States 6 IMPERIAL College London United Kingdom 7 UCL (University College London) United Kingdom 8 University of CHICAGO United States 9 MASSACHUSETTS Institute of Technology (M... United States 10 COLUMBIA University United States 11 University of PENNSYLVANIA United States 12 PRINCETON University United States 13= DUKE University United States 13= JOHNS HOPKINS University United States 15 CORNELL University United States 16 AUSTRALIAN National University Australia 17 STANFORD University United States 18 University of MICHIGAN United States 19 University of TOKYO Japan 20 MCGILL University Canada 21 CARNEGIE MELLON University United States 22 KING'S College London United Kingdom 23 University of EDINBURGH United Kingdom 24 ETH Zurich (Swiss Federal Institute of T... Switzerland 25 KYOTO University Japan 26 University of HONG KONG Hong Kong 27 BROWN University United States 28 &Eacute;cole Normale Sup&eacute;rieure, PARIS France 29 University of MANCHESTER United Kingdom 30= National University of SINGAPORE(NUS) Singapore 30= University of CALIFORNIA, Los Angeles (U... United States 32 University of BRISTOL United Kingdom 33 NORTHWESTERN University United States 34= &Eacute;COLE POLYTECHNIQUE France 34= University of BRITISH COLUMBIA Canada 36 University of California, BERKELEY United States 37 The University of SYDNEY Australia 38 The University of MELBOURNE Australia 39 HONG KONG University of Science & Techno... Hong Kong 40 NEW YORK University (NYU) United States 41 University of TORONTO Canada 42 The CHINESE University of Hong Kong Hong Kong 43 University of QUEENSLAND Australia 44 OSAKA University Japan 45 University of NEW SOUTH WALES Australia 46 BOSTON University United States 47 MONASH University Australia 48 University of COPENHAGEN Denmark 49 TRINITY College Dublin Ireland 50= Ecole Polytechnique F&eacute;d&eacute;rale de LAUSANNE... Switzerland 50= PEKING University China 50= SEOUL National University Korea, South 53 University of AMSTERDAM Netherlands 54 DARTMOUTH College United States 55 University of WISCONSIN-Madison United States 56 TSINGHUA University China 57 HEIDELBERG Universit&auml;t Germany

  • C# 配列の配列(多次元配列?)

    C#において、配列の配列中に格納した値を、検索することを 行いたいのですが、格納した値そのものを見ることができません。 まだ、C#を始めて間もないので、配列に格納する時点で、 不備があるかも知れませんが、お願いします。 やりたいこと ・テキストファイル内にある値を、2次元配列または、多次元配列に格納 ・配列に格納した値で、データチェックなどを行う予定  テキストファイル内のデータは、下記内容となり要素数も固定ではなく変動する   A=1,2,3・・・   B=11,22,33・・・ 実際のソースは、 //配列 ArrayList list = new ArrayList(); //配列格納 1レコード毎用 ArrayList listtmp = new ArrayList(); while ((strGenderTextLine = objReader.ReadLine()) != null) {  string strBuffer;  //「=」前の値格納用変数  string[] strBuffer2; //「=」後の値格納用配列  listtmp=null;  //strtmpに「=」前の値を格納  strtmp = TextLine.Split('=').GetValue(0).ToString();  //strtmp2に「=」後の値を格納(配列)  strtmp2 = TextLine.Split('=').GetValue(1).ToString().Split(',');  for (int i = 0; i <= strtmp2.Length - 1; i ++)  {   //[i,0]に、「=」前の値を代入   if (i == 0)   {   listtmp.Add(strtmp);   }   else   {   listtmp.Add(strtmp2[i].ToString());   }  }  //list配列にlistTmp配列を格納(配列の配列)  list.Add(listtmp);  intT = intT + strtmp2.Length;  //行数カウント  intTLine = intTLine + 1;  } ここから、配列「list」内に入っている値を閲覧することができる方法を教えていただければと思います。 宜しくお願いいたします。

  • 一致する要素が格納されている添え字番号を返す

    例えばある配列内に @moji = (ak, df, gc); などという値でも文字でもが格納されていたとして、 $x = "ak"; といったある変数に格納されている値・文字(この場合はak)と一致する要素が配列@mojiに格納されていた場合に、その格納されている要素の添え字番号(配列の添え字番号)を返すような関数はないでしょうか? イメージとして $res = mch($x); とすると、0が返されて$resに格納されるというものです。 ちなみにRという言語では > a <- c("ljj", "B0", "op199") # 変数aに3つの文字列要素を代入する > res <- which(a == "op199") # which()は引数に指定された論理に一致する要素番号を返す > res # aについて,a == "op199"がTRUEとなるのは要素番号3であるから,3を返す [1] 3 というものがあるのですが、これと同じような関数が欲しいのです(泣)

    • ベストアンサー
    • Perl
  • php配列格納

    $lines = file ('db.csv'); 上記でファイルの中身を配列に入れますがその逆で データを配列にして格納したいのですがどうすればいいのでしょうか? ファイルの不要な行を除いて再度変数に配列で格納しファイルを作成 したいのです。

    • ベストアンサー
    • PHP
このQ&Aのポイント
  • MFC-J739DNではFAXをEメールに送信することができますが、操作が必要です。
  • iOSを使用している場合、無線LAN経由で接続することができます。
  • ひかり回線またはIP電話を使用している場合に利用することができます。
回答を見る