Javascript如何分割换行符

我正在使用jquery，并且有一个textarea。当我通过按钮提交时，我将提醒每个由换行符分隔的文本。有换行符时如何拆分文本？

  var ks = $('#keywords').val().split("\n");
  (function($){
     $(document).ready(function(){
        $('#data').submit(function(e){
           e.preventDefault();
           alert(ks[0]);
           $.each(ks, function(k){
              alert(k);
           });
        });
     });
  })(jQuery);

输入示例：

Hello
There

我想要的结果是：

alert(Hello); and
alert(There)

尝试ks在您的Submit函数中初始化变量。

  (function($){
     $(document).ready(function(){
        $('#data').submit(function(e){
           var ks = $('#keywords').val().split("\n");
           e.preventDefault();
           alert(ks[0]);
           $.each(ks, function(k){
              alert(k);
           });
        });
     });
  })(jQuery);

无论平台（操作系统）如何，都应解析换行符。 这种拆分在正则表达式中是通用的。您可以考虑使用此方法：

var ks = $('#keywords').val().split(/\r?\n/);

例如

"a\nb\r\nc\r\nlala".split(/\r?\n/) // ["a", "b", "c", "lala"]

它应该是

yadayada.val.split(/\n/)

您将文字字符串传递给split命令，而不是正则表达式。

由于使用textarea，您可能会发现\ n或\ r（或\ r \ n）换行。因此，建议如下：

$('#keywords').val().split(/\r|\n/)

ref：检查字符串是否包含换行符

只是

var ks = $('#keywords').val().split(/\r\n|\n|\r/);

会完美地工作。

确保\r\n将其放在RegExp字符串的开头，因为将首先尝试使用它。

无论采用哪种格式（CRLF，LFCR或LF），使用换行符分割字符串的最简单，最安全的方法是先删除所有回车符，然后再换行符。"text".replace(/\r/g, "").split(/\n/);

这保证了当你有连续新线（即\r\n\r\n，\n\r\n\r或\n\n）其结果将始终是相同的。

在您的情况下，代码如下所示：

(function ($) {
    $(document).ready(function () {
        $('#data').submit(function (e) {
            var ks = $('#keywords').val().replace(/\r/g, "").split(/\n/);
            e.preventDefault();
            alert(ks[0]);
            $.each(ks, function (k) {
                alert(k);
            });
        });
    });
})(jQuery);

以下示例显示了此方法的重要性：

var examples = ["Foo\r\nBar", "Foo\r\n\r\nBar", "Foo\n\r\n\rBar", "Foo\nBar\nFooBar"];

examples.forEach(function(example) {
  output(`Example "${example}":`);
  output(`Split using "\n": "${example.split("\n")}"`);
  output(`Split using /\r?\n/: "${example.split(/\r?\n/)}"`);
  output(`Split using /\r\n|\n|\r/: "${example.split(/\r\n|\n|\r/)}"`);
  output(`Current method: ${example.replace(/\r/g, "").split("\n")}`);
  output("________");
});

function output(txt) {
  console.log(txt.replace(/\n/g, "\\n").replace(/\r/g, "\\r"));
}

1. var ks = $('#keywords').val().split("\n");在事件处理程序内部移动
2. 使用alert(ks[k])代替alert(k)

  (function($){
     $(document).ready(function(){
        $('#data').submit(function(e){
           e.preventDefault();
           var ks = $('#keywords').val().split("\n");
           alert(ks[0]);
           $.each(ks, function(k){
              alert(ks[k]);
           });
        });
     });
  })(jQuery);

演示版

Good'ol JavaScript：

 var m = "Hello World";  
 var k = m.split(' ');  // I have used space, you can use any thing.
 for(i=0;i<k.length;i++)  
    alert(k[i]);  

问题在于，当您初始化时ks，value尚未设置。

用户提交表单时，您需要获取值。因此，您需要初始化ks内部回调函数

(function($){
   $(document).ready(function(){
      $('#data').submit(function(e){
      //Here it will fetch the value of #keywords
         var ks = $('#keywords').val().split("\n");
         ...
      });
   });
})(jQuery);

这是console.log代替的示例alert()。更方便:)

var parse = function(){
  var str = $('textarea').val();
  var results = str.split("\n");
  $.each(results, function(index, element){
    console.log(element);
  });
};

$(function(){
  $('button').on('click', parse);
});

你可以在这里尝试