Javascript cara membagi baris baru

Saya menggunakan jquery, dan saya memiliki textarea. Ketika saya mengirimkan dengan tombol saya, saya akan memberi tahu setiap teks yang dipisahkan oleh baris baru. Bagaimana cara membagi teks saya ketika ada baris baru?

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

contoh masukan:

Hello
There

Hasil yang saya inginkan adalah:

alert(Hello); and
alert(There)

Coba inisialisasi ksvariabel di dalam fungsi submit Anda.

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

Anda harus mengurai baris baru apa pun platformnya (sistem operasi) Pemisahan ini bersifat universal dengan ekspresi reguler. Anda dapat mempertimbangkan untuk menggunakan ini:

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

Misalnya

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

Harus

yadayada.val.split(/\n/)

Anda mengirimkan string literal ke perintah split, bukan regex.

Karena Anda sedang menggunakan textarea, Anda mungkin menemukan \ n atau \ r (atau \ r \ n) untuk jeda baris. Jadi, yang berikut ini disarankan:

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

ref: periksa apakah string berisi jeda baris

Hanya

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

akan bekerja dengan sempurna.

Pastikan \r\nditempatkan di depan string RegExp , karena itu akan dicoba terlebih dahulu.

Cara termudah dan teraman untuk memisahkan string menggunakan baris baru, apa pun formatnya (CRLF, LFCR, atau LF), adalah dengan menghapus semua karakter carriage return dan kemudian memisahkan karakter baris baru ."text".replace(/\r/g, "").split(/\n/);

Memastikan bahwa ketika Anda memiliki baris baru terus menerus (yaitu \r\n\r\n, \n\r\n\r, atau \n\n) hasilnya akan selalu sama.

Dalam kasus Anda, kodenya akan terlihat seperti:

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

Berikut beberapa contoh yang menunjukkan pentingnya metode ini:

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. Memindahkan var ks = $('#keywords').val().split("\n"); dalam penangan acara
2. Gunakan alert(ks[k])sebagai gantialert(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);

Demo

Javascript Good'ol:

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

Masalahnya adalah saat Anda menginisialisasi ks, filevalue belum disetel.

Anda perlu mengambil nilai saat pengguna mengirimkan formulir. Jadi, Anda perlu menginisialisasi di ksdalam fungsi callback

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

Berikut adalah contoh dengan console.logalih - alih alert(). Lebih nyaman :)

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

Anda bisa mencobanya di sini