18910140161

JavaScript-从文本文件收集数据并解析收集的数据以创建对象数组-堆栈溢出

顺晟科技

2022-10-18 13:45:57

238

我需要一些帮助所以基本上,我必须从GitHub上的一个文本文件中收集一些数据(关于一些学生的数据,如下所示

约翰纽约123456456数学本加利福尼亚3265455554哲学...............

总共

有5个学生),我必须像这样使用类或对象

将文件解析到网页中。

姓名:约翰地址:纽约电话:123456456课程:数学

姓名:本地址:加利福尼亚州电话:3265455554课程:哲学

姓名:..地址:.。电话:..课程:.。

等等.

我的想法是在我的作业中使用异步/等待函数,这是我的老师告诉我的。

var button = document.getElementById("btn");
var loader = document.getElementById("loading");
var displayArea = document.getElementById("data");


button.addEventListener("click", function () {


  getData();



})

class Student {

  constructor(fullName, address, phone, course) {

    this.fullName = fullName;
    this.address = address;
    this.phone = phone;
    this.course = course;

  }

  getInfo() {
    return "Full Name: " + this.fullName + "\n" +
      "Address: " + this.address + "\n" +
      "Telephone: " + this.phone + "\n" +
      "Course: " + this.course;
  }
}

var studentName = new Student().fullName;
var studentAddress = new Student().address;
var studentPhone = new Student().phone;
var studentCourse = new Student().course;
var studentInfo = new Student().getInfo();

var studentData = [studentName, studentAddress, studentPhone, studentCourse]


async function getData() {

  loader.style.display = "inline-block";


  try {

    let response = await fetch(`https://v-dresevic.github.io/Advanced-JavaScript-Programming/data/students.txt`);


    if (response.status !== 200) {

      throw new Error("Error while reading file.");

    }

    let text = await response.text();



    var res = text.split([3], "\n");

    for (let i = 0; i <= res.length; i++) {


    }

    displayArea.innerHTML = res


  } catch (err) {

    displayArea.innerHTML = "Unknown Error " + err;

  } finally {

    loader.style.display = "none";
  }


}
 

顺晟科技:

async function getData(){
  
  let response = await fetch(`https://v-dresevic.github.io/Advanced-JavaScript-Programming/data/students.txt`);

    if (response.status !== 200) {
      throw new Error("Error while reading file.");
    }

    let text = await response.text();
    let arr = text.split("\n");
    let result = arr.reduce((resultArray, item, index) => { 
      const chunkIndex = Math.floor(index/4);
      if(!resultArray[chunkIndex]) {
        resultArray[chunkIndex] = []
      }
      resultArray[chunkIndex].push(item.replace(/(.+)(\r)$/, '$1'));
      return resultArray
    }, []).map(d=>{
      return {Name: d[0], Address: d[1], Phone: d[2], Course: d[3]};
    });  

    return result;
}

async function func(){

let result = await getData();
console.log(result);

}

func();

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航