Javascript - 读取包含多行的文本文件行并报告数组

时间:2017-06-04 07:15:22

标签: javascript html

首先,我要感谢那些已经帮助我来到这里的人。我的代码有效,我可以输出一些从文本文件中提取的数字。现在,我正面临一个挑战,即文本文件有多行需要提取,但所有行都以"数字:"开头。即。下面:

数字:(23.000,12.000),(12.000,11.000),

数字:(13.000,32.000),(42.000,21.000),

数字:(33.000,52.000),(22.000,31.000),

当我的文本文件只有一行时,我可以提取数字"数字:"你能帮我提取多行吗?附:我不想太多改变我的代码是可能的。感谢。

<script type="text/javascript">

    var reader = new FileReader();

    function readText(that){

        if(that.files && that.files[0]){
            var reader = new FileReader();
            reader.onload = function (e) {  
                var output1=e.target.result;
                var output2=e.target.result;
                var output3=e.target.result;
                var output4=e.target.result;        

//Reads a text file with a line Starting in "Numbers:" that is formated as 
following "Numbers: (23.000,12.000),(11.000,22.000),
//multiple numbers read by 2                    
                output1=(output1.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[1]).join("\n")* 2).toFixed(3);
                output2=(output2.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[2]).join("\n")* 2).toFixed(3);
                output3=(output3.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[3]).join("\n")* 2).toFixed(3);
                output4=(output4.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[4]).join("\n")* 2).toFixed(3);

var n1 = parseFloat(output1),
n2 = parseFloat(output2),
n3 = parseFloat(output3),
n4 = parseFloat(output4),

 //I dont want to print if NaN or 0, that's the reason for list.push and string below

if (n1) {
list.push(n1);
}

if (n2) {
list.push(n2);
}
if (n3) {
list.push(n3);
}

if (n4) {
list.push(n4);
}
//print my numbers "single line" only. Ideally I want to print multiple lines

document.getElementById('inputTextToSave').innerHTML = list.toString().replace(/[^,]+,[^,]+,/g, '$&\n');

//prints the output as the following
//(23.000,12.000)
//(11.000,22.000)               

            };//end onload()
            reader.readAsText(that.files[0]);
        }//end if html5 filelist support
    } 

1 个答案:

答案 0 :(得分:1)

试试这段代码。 我在上面的代码中做了以下更改: -

  • 将代码包装到for循环中以执行多行
  • 列表数组在循环外部以存储所有行。

我在我的机器上测试了这段代码: -

输入: - 数字:(23.000,12.000),(12.000,11.000), 数字:(13.000,32.000),(42.000,21.000),

输出: - 46,24,24,22,26,64,84,42

我希望它有所帮助。

JAVASCRIPT: -

    var reader = new FileReader();

    function readText(that){

        if(that.files && that.files[0]){
            var reader = new FileReader();
            reader.onload = function (e) {
                // By lines
                var lines = e.target.result.split('\n');
                var list = [];
                for(var Fileline = 0; Fileline < lines.length; Fileline++){
                  var output1 = lines[Fileline];
                  var output2 = lines[Fileline];
                  var output3 = lines[Fileline];
                  var output4 = lines[Fileline];
                  output1=(output1.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[1]).join("\n")* 2).toFixed(3);
                  output2=(output2.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[2]).join("\n")* 2).toFixed(3);
                  output3=(output3.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[3]).join("\n")* 2).toFixed(3);
                  output4=(output4.split("\n").filter(/./.test, /Numbers:/).map(line => line.split(/,|\(|\)/).filter(number => number != "")[4]).join("\n")* 2).toFixed(3);

                  var n1 = parseFloat(output1),
                    n2 = parseFloat(output2),
                    n3 = parseFloat(output3),
                    n4 = parseFloat(output4);


                    if (n1) {
                    list.push(n1);
                    }

                    if (n2) {
                    list.push(n2);
                    }
                    if (n3) {
                    list.push(n3);
                    }

                    if (n4) {
                    list.push(n4);
                    }
                }

//print my numbers "single line" only. Ideally I want to print multiple lines
console.log(list);
document.getElementById('inputTextToSave').innerHTML = list.toString().replace(/[^,]+,[^,]+,/g, '$&\n');

//prints the output as the following
//(23.000,12.000)
//(11.000,22.000)               

            };//end onload()
            reader.readAsText(that.files[0]);
        }//end if html5 filelist support
    }