javascript - 通过新行(包括空行)将textarea中的文本拆分为javascript数组

Question

我正在尝试用新行拆分 Splitting textarea data 中的文本。我当前的代码有效，除了一个小要求:生成的数组还必须包含空行。

<script>
$(function(){
    var lines = [];
    $.each($('#data').val().split(/\n/), function(i, line){
        if(line){
            lines.push(line);
        }
    });
    console.log(lines);
});
</script>


<textarea id="data">
I like to eat icecream. Dogs are fast.

The previous line is composed by spaces only.



The last 3 lines are empty.

One last line.
</textarea>

目前的结果是:

["I like to eat icecream. Dogs are fast.", " ", "The previous line is composed by spaces only.", "The last 3 lines are empty.", "One last line."]

它应该是什么:

["I like to eat icecream. Dogs are fast.", " ", "The previous line is composed by spaces only.", "", "", "", "The last 3 lines are empty.", "", "One last line."]

Answer 1

您的 .split 将包含\n，但是当 line 为假时，您可以只推送一个空字符串...

$(function(){
    var lines = [];
    $.each($('#data').val().split(/\n/), function(i, line){
        if(line){
            lines.push(line);
        } else {
            lines.push("");
        }
    });
    console.log(lines);
});

这是一个工作示例:JSFiddle

输出:

["I like to eat icecream. Dogs are fast.", 
"",  "The previous line is composed by spaces only.",  
"",  "",  "", 
"The last 3 lines are empty.",  
"",  "One last line."]

或者简单地按照上面的评论建议(我假设你的例子已经被简化，你需要在 .each 循环中做一些其他的事情):

var lines = $('#data').val().split(/\n/);

JS Fiddle