Javascript làm thế nào để tách dòng mới

Tôi đang sử dụng jquery và tôi có một vùng văn bản. Khi tôi gửi bằng nút của mình, tôi sẽ cảnh báo từng văn bản được phân tách bằng dòng mới. Làm thế nào để tách văn bản của tôi khi có dòng mới?

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

đầu vào ví dụ:

Hello
There

Kết quả tôi muốn là:

alert(Hello); and
alert(There)

Hãy thử khởi tạo ksbiến bên trong hàm gửi của bạn.

  (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);

Bạn nên phân tích cú pháp dòng mới bất kể nền tảng (hệ điều hành) Sự phân tách này là phổ biến với các biểu thức chính quy. Bạn có thể cân nhắc sử dụng cái này:

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

Ví dụ

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

Nó nên được

yadayada.val.split(/\n/)

bạn đang chuyển một chuỗi ký tự tới lệnh tách, không phải là regex.

Vì bạn đang sử dụng textarea, bạn có thể tìm thấy \ n hoặc \ r (hoặc \ r \ n) cho các ngắt dòng. Vì vậy, những điều sau được đề xuất:

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

ref: kiểm tra xem chuỗi có ngắt dòng không

Chỉ

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

sẽ hoạt động hoàn hảo.

Đảm bảo \r\nđược đặt ở đầu chuỗi RegExp , vì nó sẽ được thử trước.

Cách đơn giản và an toàn nhất để tách một chuỗi bằng cách sử dụng các dòng mới, bất kể định dạng (CRLF, LFCR hoặc LF), là loại bỏ tất cả các ký tự xuống dòng và sau đó tách trên các ký tự dòng mới ."text".replace(/\r/g, "").split(/\n/);

Đảm bảo này là khi bạn có những dòng mới liên tục (ví dụ \r\n\r\n, \n\r\n\rhoặc \n\n) kết quả sẽ luôn luôn giống nhau.

Trong trường hợp của bạn, mã sẽ giống như sau:

(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);

Dưới đây là một số ví dụ cho thấy tầm quan trọng của phương pháp này:

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. Di chuyển var ks = $('#keywords').val().split("\n");bên trong trình xử lý sự kiện
2. Sử dụng alert(ks[k])thay vì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);

Bản giới thiệu

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]);  

Vấn đề là khi bạn khởi tạo ks, nó valuevẫn chưa được thiết lập.

Bạn cần lấy giá trị khi người dùng gửi biểu mẫu. Vì vậy, bạn cần khởi tạo ksbên trong hàm gọi lại

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

Đây là ví dụ với console.logthay vì alert(). Nó tiện ích hơn :)

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);
});

Bạn có thể thử nó tại đây