JavaScript 对象 - Split() 方法 + '\n'

Question

我达到了 'fetch' 方法...

一个简单的问题（对我来说很复杂）...... 'fetch()' 方法、'split()' 和 '\n' 如何一起使用？

我给你举个例子（我是来学习和掌握一些技能的，我不害臊问）：

我需要使用 'fetch' 方法读取并打印以下数据：

从以下链接“https://v-dresevic.github.io/Advanced-JavaScript-Programming/data/students.txt” - 有必要读取数据并将其打印在页面上。

这对我来说很清楚！我设法做到了！

代码：enter image description here

我的结果（错误结果）：enter image description here

正确结果：enter image description here

我的问题是： 从文件中读取数据后，我必须解析它们并基于它们创建学生对象。 可以使用 String 对象的 split() 方法进行解析。 读取的文本最好用换行符分割，split()方法参数指定“\n”。

提前致谢 :)

Answer 1

这是一个将数据解析为对象数组的快速示例，因为我认为这是您在此处要求的唯一内容，从那里您可以循环该数组并根据需要显示对象。

const url =
  "https://v-dresevic.github.io/Advanced-JavaScript-Programming/data/students.txt";
let result = fetch(url)
  .then((r) => r.text())
  .then(process);
function process(result) {
  const linesDescription = ["Name", "Address", "Phone", "Course"];
  const array = [];
  let obj = {};
  var lines = result.split("\n");
  let x = 0;
  for(var line = 0; line < lines.length; line++){
    obj[linesDescription[x]] = lines[line].trim();
    x++;
    if (x >= linesDescription.length) {
      array.push(obj);
      x = 0;
      obj = {};
    }
  };
  console.log(array);
}