將textarea中的文本按新行（包括空行）拆分為javascript數組

Question

我正在嘗試通過新行拆分文本區域數據中的文本。 我當前的代碼有效，除了一個小要求：結果數組也必須包含空行。

<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>

目前的結果是：

[“我喜歡吃冰淇淋。狗的速度很快。”，“”，“前一行僅由空格組成。”，“最后3行是空的。”，“最后一行。”]

它應該是什么：

[“我喜歡吃冰淇淋。狗的速度很快。”，“”，“前一行僅由空格組成。”，“”，“”，“”，“最后3行是空的。”，“” , “最后一行。”]

Answer 1

您的.split將包含 \\n，但是當line為 falsey 時，您可以推送一個空字符串...

$(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循環中做一些其他的.each ）：

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

JS小提琴

Answer 2

除了 geedubb 的回答之外，如果您出於編碼原因不想使用反斜杠：

var lines = $('#data').val().split(String.fromCharCode(10));