如何使用JavaScript将从文件读取的文本保存在数据结构（如向量）中？_Javascript_Html_Dom

如何使用JavaScript将从文件读取的文本保存在数据结构（如向量）中？

javascript html dom

如何使用JavaScript将从文件读取的文本保存在数据结构（如向量）中？,javascript,html,dom,Javascript,Html,Dom,我正在尝试使用HTML和JavaScript解析log.txt文件我必须解析的文本文件有很多行，因此我希望将其存储在数据结构中，并决定要打印哪些行（例如，在for循环中）这是我用来读取文本文件的代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="es-es"> <

我正在尝试使用HTML和JavaScript解析

log.txt

文件

我必须解析的文本文件有很多行，因此我希望将其存储在数据结构中，并决定要打印哪些行（例如，在

for

循环中）

这是我用来读取文本文件的代码：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="es-es">
    <title>Leer archivo de texto</title>
    <style>
    div {
        margin-top: 30px;
        border: solid 1px black;
        padding: 5px;
    }
    </style>
    <script>
    function processFiles(files) {
        var file = files[0];

        var reader = new FileReader();

        reader.onload = function(e) {
            // Cuando éste evento se dispara, los datos están ya disponibles.
            // Se trata de copiarlos a una área <div> en la página.
            var output = document.getElementById("fileOutput");
            output.textContent = e.target.result;
        };
        reader.readAsText(file);
    }
    </script>
</head>

<body>
    <input id="fileInput" type="file" size="50" onchange="processFiles(this.files)">
    <div id="fileOutput" style="white-space: pre-line;"></div>
</body>
</html>


莱尔·阿奇沃·德·特克托
div{
边缘顶部：30px；
边框：实心1px黑色；
填充物：5px；
}
函数processFiles（文件）{
var file=files[0]；
var reader=new FileReader（）；
reader.onload=函数（e）{
//在不同的事件中，这是一个有争议的事件。
//在帕吉纳的科皮亚罗广场。
var output=document.getElementById（“fileOutput”）；
output.textContent=e.target.result；
};
reader.readAsText（文件）；
}

这是读取文件后的输出：

我以前尝试过类似的代码，但不起作用<代码>变量行=output.split（/[\r\n]+/g）；对于（var i=0；i如果在循环中使用document.write，他总是订阅最后的数据writed@Gera是否确实要在for循环中打印5+6？也许你想要达到的是

document.write（行[5]+行[6]）

@JeffersonLima这只是一个例子！实际上，我只是想控制我可以打印哪些行，然后添加特定的行为，比如css样式、链接等等。这是模糊的。。例如，您希望如何打印？只有这样才能推荐一个合适的数据结构…@82Tuskers！我想打印并在浏览器中显示加载的文本，但只显示特定的行。我不想把所有的文字都显示出来。那么按行号可以吗？比如说show line number#101之类的？我想你是想用JS解析这个文件。。。（我的直觉…）确切地说，例如，我想显示特定的行号，并添加特定的行为，如链接到外部网页或类似于此特定行的内容。

var data = yourTextData.split("\n");

for(i in data)
console.log(data[i]);