如何将文本文件中的行推送到数组中，以便以后可以对其进行操作

Question

我正在尝试加载一个文本文件，逐行读取，并将其显示在文本区域中。然后，我想使用该文本区域的每一行创建一个新的数组，以便以后可以以各种方式操作该数组(例如，根据每一行包含的内容过滤内容(。

到目前为止，我已经可以逐行读取文本文件并将其显示在文本区域，但当我到达下面的评论部分时，我很难弄清楚如何将每一行推到一个新的数组中。

let input = document.querySelector("input");
let textArea = document.querySelector("textarea");
let files = input.files;
input.addEventListener("change", () => {
let files = input.files;
if (files.length == 0) return;
const file = files[0];
let reader = new FileReader();
reader.onload = function (e) {
const file = e.target.result;
const lines = file.split(/rn|n/);
const content = lines.join('n');
textArea.value = content; //trying to create a new array out of each line in this text area
//could I use a For loop here on each line of the textArea? I am having trouble accessing it line by line
reader.readAsText(file);
//I have tried accessing the content variable from here but it says it is undefined.

}   
);

我在尝试访问函数外的content变量时遇到了问题。这与范围有关吗？

Answer 1

您必须使用div而不是文本区域

但是你加上"；contenteditable=true"；属性

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content

还检查RegExp

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp