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

Question

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

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

我举个例子（我是来学习掌握一些技巧的，不耻下问）：

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

来自以下link 'https://v-dresevic.github.io/Advanced-JavaScript-Programming/data/students.txt' - 需要读取数据并打印在页面上。

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

代码：enter image description here

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

正确结果：enter image description here

我的问题是： 从文件中读取数据后，我必须解析它们并根据它们创建 Student 对象。可以使用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);
}

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

JavaScript Object - Split() method + '\n'

javascript

fetch

promise

javascript-objects

async-await