將textareas字符串值轉換爲由新行分隔的JavaScript數組

Question

我有一個textarea，用戶最多可以寫入1000個字符。我需要獲得jQuery('#textarea').val()並創建一個數組，其中每個項目是textarea值的一行。這意味着：

這是textarea中的一條不錯的線。
這是另一行。
（讓我們假設這條線是空的 - 它應該被忽略）。
有人在上面留下了2條以上的新行。

應轉換爲JavaScript數組：

var texts = []; 
text[0] = 'This is a nice line inside the textarea.'; 
text[1] = 'This is another line.'; 
text[2] = 'Someone left more than 2 new lines above.'; 

這樣，他們可以很容易地imploded用於向查詢字符串（這是由提供者所需要的適量的格式）：

example.com/process.php?q=["This is a nice line inside the textarea.","This is another line.","Someone left more than 2 new lines above."] 

我嘗試了phpjs explode()和string.split("\n")的方法，但他們沒有照顧額外的新線（又名換行符）。有任何想法嗎？

Answer 1

String.prototype.split()很甜。

var lines = $('#mytextarea').val().split(/\n/); 
var texts = []; 
for (var i=0; i < lines.length; i++) { 
    // only push this line if it contains a non whitespace character. 
    if (/\S/.test(lines[i])) { 
    texts.push($.trim(lines[i])); 
    } 
} 

注意String.prototype.split不支持在所有平臺上，所以jQuery提供$.split()代替。它只是修剪一個字符串末尾的空白。

$.trim(" asd \n") // "asd" 

看看這裏：http://jsfiddle.net/p9krF/1/

Answer 2

var split = $('#textarea').val().split('\n'); 
var lines = []; 
for (var i = 0; i < split.length; i++) 
    if (split[i]) lines.push(split[i]); 
return lines; 

Answer 3

使用split功能：

var arrayOfLines = $("#input").val().split("\n"); 

Answer 4

試試這個

var lines = []; 
$.each($('textarea').val().split(/\n/), function(i, line){ 
    if(line && line.length){ 
     lines.push(line); 
    } 
});