JavaScriptでテキストファイルを行ごとに読み込む方法

1. XMLHttpRequestを使用する方法:

   function readTextFile(file) {
   var rawFile = new XMLHttpRequest();
   rawFile.open("GET", file, false);
   rawFile.onreadystatechange = function () {
   if(rawFile.readyState === 4) {
     if(rawFile.status === 200 || rawFile.status == 0) {
       var allText = rawFile.responseText;
       var lines = allText.split('\n');
       for (var i = 0; i < lines.length; i++) {
         console.log(lines[i]);
       }
     }
   }
   }
   rawFile.send(null);
   }
   readTextFile("ファイルのパス");

2. FileReaderを使用する方法:

   function readTextFile(file) {
   var reader = new FileReader();
   reader.onload = function (e) {
   var contents = e.target.result;
   var lines = contents.split('\n');
   for (var i = 0; i < lines.length; i++) {
     console.log(lines[i]);
   }
   }
   reader.readAsText(file);
   }
   var input = document.getElementById('fileInput'); // ファイルのinput要素を取得
   input.addEventListener('change', function () {
   var file = this.files[0];
   readTextFile(file);
   });

3. Node.jsを使用する方法:

   const fs = require('fs');
   function readTextFile(file) {
   fs.readFile(file, 'utf8', function (err, data) {
   if (err) throw err;
   var lines = data.split('\n');
   for (var i = 0; i < lines.length; i++) {
     console.log(lines[i]);
   }
   });
   }
   readTextFile('ファイルのパス');

これらの方法を使用すると、JavaScriptでテキストファイルを行ごとに読み込むことができます。各メソッドは異なる状況に適しているため、使用する環境に応じて適切な方法を選択してください。また、ファイルのパスは適切に指定する必要があります。