Karakter JavaScript string baris baru?

Apakah \nurutan karakter baris baru universal dalam Javascript untuk semua platform? Jika tidak, bagaimana cara menentukan karakter untuk lingkungan saat ini?

Saya tidak bertanya tentang elemen HTML baris baru ( <BR/>). Saya bertanya tentang urutan karakter baris baru yang digunakan dalam string JavaScript.

Saya baru saja menguji beberapa browser menggunakan JavaScript yang konyol ini:

function log_newline(msg, test_value) {
  if (!test_value) { 
    test_value = document.getElementById('test').value;
  }
  console.log(msg + ': ' + (test_value.match(/\r/) ? 'CR' : '')
              + ' ' + (test_value.match(/\n/) ? 'LF' : ''));
}

log_newline('HTML source');
log_newline('JS string', "foo\nbar");
log_newline('JS template literal', `bar
baz`);

<textarea id="test" name="test">

</textarea>

IE8 dan Opera 9 menggunakan Windows \r\n. Semua browser lain yang saya uji (Safari 4 dan Firefox 3.5 pada Windows, dan Firefox 3.0 pada Linux) digunakan \n. Mereka semua dapat menangani dengan \nbaik ketika mengatur nilai, meskipun IE dan Opera akan mengubahnya kembali menjadi \r\ninternal. Ada artikel SitePoint dengan beberapa perincian lagi yang disebut Garis akhiran dalam Javascript .

Perhatikan juga bahwa ini tidak tergantung pada akhir baris aktual dalam file HTML itu sendiri (keduanya \ndan \r\nmemberikan hasil yang sama).

Saat mengirimkan formulir, semua browser mengkanoniskan baris baru ke %0D%0Adalam penyandian URL. Untuk melihatnya, muat misalnya data:text/html,<form><textarea name="foo">foo%0abar</textarea><input type="submit"></form>dan tekan tombol kirim. (Beberapa browser memblokir memuat halaman yang dikirimkan, tetapi Anda dapat melihat nilai formulir yang dikodekan URL di konsol.)

Saya tidak berpikir Anda benar-benar perlu melakukan banyak penentuan. Jika Anda hanya ingin membagi teks pada baris baru, Anda dapat melakukan sesuatu seperti ini:

lines = foo.value.split(/\r\n|\r|\n/g);

Ya, itu universal.

Meskipun '\n'adalah karakter baris baru universal , Anda harus ingat bahwa, tergantung pada input Anda, karakter baris baru mungkin didahului oleh karakter carriage return ( '\r').

Jangan gunakan "\ n". Coba saja ini:

var string = "this\
is a multi\
line\
string";

Cukup masukkan back-slash dan terus truckin '! Bekerja seperti pesona.

Mungkin paling mudah untuk hanya menangani semua case dari karakter baris baru daripada memeriksa case yang kemudian menerapkannya. Misalnya, jika Anda perlu mengganti baris baru maka lakukan hal berikut:

htmlstring = stringContainingNewLines.replace(/(\r\n|\n|\r)/gm, "<br>");

ya gunakan \ n, kecuali Anda menghasilkan kode html, di mana Anda ingin menggunakannya <br />

Fungsi tautan email yang saya gunakan "% 0D% 0A"

function sendMail() {   
var bodydata="Before "+ "%0D%0A";
    bodydata+="After"

var MailMSG = "mailto:[email protected]" 
         + "[email protected]" 
         + "&subject=subject" 
         + "&body=" + bodydata; 
window.location.href = MailMSG; 
} 

[HTML]

<a href="#" onClick="sendMail()">Contact Us</a>

Dapatkan pemisah garis untuk browser saat ini:

function getLineSeparator() {
  var textarea = document.createElement("textarea");
  textarea.value = "\n"; 
  return textarea.value;
}

Catatan - saat menggunakan ExtendScript JavaScript (bahasa Adobe Scripting yang digunakan dalam aplikasi seperti Photoshop CS3 +), karakter yang digunakan adalah "\ r". "\ n" akan ditafsirkan sebagai karakter font, dan karenanya banyak font akan memiliki karakter blok.

Misalnya (untuk memilih lapisan bernama 'Catatan' dan menambahkan umpan baris setelah semua periode):

var layerText = app.activeDocument.artLayers.getByName('Note').textItem.contents;
layerText = layerText.replace(/\. /g,".\r");

Anda dapat menggunakan `` quotes (yang di bawah tombol Esc) dengan ES6. Jadi Anda dapat menulis sesuatu seperti ini:

var text = `fjskdfjslfjsl
skfjslfkjsldfjslfjs
jfsfkjslfsljs`;

Saya percaya itu - ketika Anda bekerja dengan string JS.

Namun, jika Anda menghasilkan HTML, Anda harus menggunakan <br />tag (bukan \n, karena Anda tidak lagi berurusan dengan JS)

Saya memiliki masalah dalam mengekspresikan baris baru dengan \ n atau \ r \ n .
Ajaib karakter \ r yang digunakan untuk carriage return bekerja untuk saya seperti baris baru.
Jadi dalam beberapa kasus, berguna untuk mempertimbangkan juga.

printAccountSummary: function()
        {return "Welcome!" + "\n" + "Your balance is currently $1000 and your interest rate is 1%."}
};
console.log(savingsAccount.printAccountSummary()); // method

Cetakan:

Welcome!
Your balance is currently $1000 and your interest rate is 1%.

Pengamatan praktis ... Dalam skrip NodeJS saya, saya memiliki fungsi berikut:

function writeToLogFile (message) {
    fs.appendFile('myserverlog.txt', Date() + " " + message + "\r\n", function (err) {
        if (err) throw err;
    });
}

Pertama saya hanya punya "\ n" tetapi saya perhatikan bahwa ketika saya membuka file log di Notepad, itu menunjukkan semua entri pada baris yang sama. Notepad ++ di sisi lain menunjukkan entri masing-masing pada baris mereka sendiri. Setelah mengubah kode menjadi "\ r \ n", bahkan Notepad menampilkan setiap entri pada barisnya sendiri.

Tidak \napa-apa untuk semua kasus yang saya temui. Saya Anda bekerja dengan web, gunakan \ndan jangan khawatir tentang hal itu (kecuali jika Anda memiliki masalah terkait baris baru).

Anda dapat menggunakan <br/>dan document.write/, document.writelnsatu.