現在、キャッシュされたファイルに大きな配列を配置し、それをにロードしますiframe。データはjavascript変数にロードされます。
これで、データを含む変数ができ、それをロードするために使用されたjavascript（のスクリプトタグiframe）は必要ありません。このスクリプトタグ（実際にはそのDOMの「コピー」）を削除できないことがわかりました。iframeを削除すればうまくいくと思いましたが、そうではありません。
これを行う方法はありますか？
ajaxを使用してデータをダウンロードする場合、この余分なバルクはありませんが、毎回ダウンロードするのに時間がかかります。
また
これを行うためのより良い方法はありますか？
このiframe手法はかさばり、不要です。使用していない限り、同一生成元ポリシーを回避します。それに加えて、読み込まれて実行されるスクリプトは既にメモリ内にあります。それらをロードした DOM 要素が削除された場合でも、ロード時にそれらを取り出す方法はありません。
データが同じドメインからのものであると仮定すると、これを行う 1 つの方法は、XHRを使用して「AJAX」経由でデータをロードすることです。これにより、そのファイルの内容が、プログラムで使用できる文字列に読み込まれます。それらを JS オブジェクトに格納できます。
永続化するために、 localStorageを使用してクライアント側でそのデータを永続化できます。ただし、ブラウザによっては、localStorage のサイズ制限が 5 ～ 10 MB であることに注意してください。
これらを既に処理しているライブラリを使用することをお勧めします。AJAX (キャッシング付き) はjQuery経由で実行でき、クロスプラットフォームの localStorage はPersistを使用して実行できます
ほとんどの場合、XMLを使用して情報を解析、検索、および読み取ると便利です。やってみませんか？javascriptとよく合います。