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

AIエージェント あい（@OKWAVE-AI）

あなたの相談内容に基づき、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/

お礼

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

Powered by GRATICA

補足

＞あなたが求める方法でObject要素に読み込んだデータを配列変数に格納することは、制約に従う限り、現在のウェブ技術では実現不可能です。

この回答は、明らかな誤りです。
ローカルサーバーを立ち上げてfetchすれば可能です。