将 textareas 字符串值转换为以换行符分隔的 JavaScript 数组

Question

我有一个 textarea，用户最多可以在其中写入 1000 个字符。我需要获取 jQuery('#textarea').val() 并创建一个数组，其中每个项目都是 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.';

这样它们就可以轻松 内爆 为查询字符串（这是提供商要求的 qs 格式）：

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()< /a> 和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

使用 split 函数：

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

Answer 3

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 4

试试这个

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