arrayをcsvで自動作成したい

Question

#実現したいこと
現在JavaScriptで以下の様なarrayを作成しているのですが

 var dictionary =
[
{spell : "test", meaning : "テスト" },
{spell : "test", meaning : "テスト" },
{spell : "test", meaning : "テスト" },
{spell : "test", meaning : "テスト" },
{spell : "test", meaning : "テスト" },
 ] ;

HTMLの

<form>
  <input type="file"  id ="output_csv" name="file">
 </form>

で取得したcsvをspell,meaningにそれぞれ入れたいのですがどの様にして入れるかを具体的にお教えいただけますと幸いです。

CSVは以下の様な形を想定しています。ファイルによって長さも異なるので調べてもなかなか探すことができませんでした；

apple,りんご
banana,バナナ
orange,オレンジ
happy,幸せ
hey,へい
color,色
function,関数
red,赤
blue,青
black,黒

Answer 1

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  const myfile=document.querySelector('#output_csv');
  myfile.addEventListener('change',async e=>{
    var f=e.target.files[0];
    var fr=new FileReader();
    var data=await new Promise((resolve)=>{
      fr.addEventListener('load',()=>{
        const content=fr.result;
        const data=content.split(/[\r\n]+/).map(x=>(y=x.split(","),{spell:y[0],meaning:y[1]}));
        resolve(data);
      });
      fr.readAsText(f) ;
    });
    console.log(data);
  });
});
</script>
<form>
  <input type="file" id="output_csv" name="file">
</form>

Comments

[A111]

ご回答いただきありがとうございます.
具体的な解決策をご提示いただき,解決に導いていただいたこと感謝しております!

Answer 2

CSVであれば以下のように読み込めます。
https://techacademy.jp/magazine/28267
ただ、作成されたarrayはJSONのように見えます。
CSVはただの区切りでしかないです。CSVであれば
let userData = [
['apple', りんご],
['banana', バナナ]
];
で
dictionary[0][0]=apple;
dictionary[0][1]=りんご;
dictionary[1][0]=banana
dictionary[1][1]=バナナ;
：
：
のようなデータになるはずです。

Comments

[A111]

ご回答いただきありがとうございます.
参考にさせていただきます!

[yasutakatou]

いえいえ。他の方が良い回答出されているようでなによりです！