String manipülasyonunun öğrenilmesi kolaydır ancak JavaScript'te ustalaşması en zordur. Daha önce, çok satırlı dize JavaScript tarafından desteklenmiyordu. 2015'ten sonra, çok satırlı dizeyi destekleyen ES6 (ECMAScript 6) tarafından dize değişmezleri kullanıma sunuldu.
Artık çok satırlı dizeyi işlemenin birkaç yolu var. Bu bölümde çok satırlı dizeleri tek tek işlemek için bu farklı yöntemleri tartışacağız.
Çok satırlı dizeyle çalışmanın birkaç yolu aşağıda verilmiştir:
Yöntem 1
Bu en basit yoldur JavaScript dize metnini birden çok satırda göstermek için. Kesme çizgisi sekmesini kullanın (
Metni yeni satırdan başlatmak için document.write() işlevinin içine ) veya HTML yazın.
Örnek
JavaScript programlamayı kullanarak çok satırlı dizenin pratik uygulaması:
Kodu Kopyala
Multiple new lines example document.write('This is first line display using JavaScript.'); document.write(' <br>'); document.write('This is second line and divided using break line tab of HTML.'); document.write(' <br>'); document.write('Now, we again printed another new line.')Şimdi Test Edin
Çıktı
Bu kodu çalıştırdığınızda, web üzerinde kesme çizgisi sekmesi kullanılarak bölünecek üç metin dizesi görüntülenecektir (
) HTML'nin .
This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line.
Örnek 2: Bireysel dizeyi birleştirme
Bu örnekte, JavaScript programlamayı kullanarak çok satırlı dizeyi herhangi bir satır sonu olmadan basitçe yazdıracağız:
Kodu Kopyala
Multiple new lines example var myString ='Javatpoint is a website of technologies, ' + 'which provides tutorials of different technologies and tools. ' + 'Here you will get tutorials in detail' + 'like theory as well as practical implementation.' + ' <br> We will try to provide you the best knowledge from our side.' + 'Student, teachers, and industry professionals can learn from here.'; document.write(myString);Şimdi Test Edin
Çıktı
Bu kodu çalıştırdığınızda, web üzerinde kesme çizgisi sekmesi kullanılarak bölünecek iki metin paragrafı gösterilecektir (
) HTML'nin.
Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail 'like theory as well as practical implementation. We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here.
Örnek 3
Bu, JavaScript programlamayı kullanan çok satırlı metin yazdırmanın basit bir örneğidir. Bunda sadece HTML kullandık
Cümleleri birden fazla satıra bölmek için sekme:
Kodu Kopyala
Multiple new lines example var multilineString ='JavaScript is a programming language that is useful for web development at client-side execution.' + 'This language is very light-weighted mostly used to put validations, so they check at the client-side.' + ' <br> Nowadays, it is very trending in market for web development.' + ' <br> As it also allows dynamic execution of code.'; document.write(multilineString);Şimdi Test Edin
Çıktı
Bu kodu çalıştırdığınızda, web üzerinde kesme çizgisi sekmesi kullanılarak bölünecek üç paragraf görüntülenecektir (
) HTML'nin.
c'de dize ters çevrilmesi
JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code.
Yöntem 2: Ayrıca metin dizesini içeriye de iletebilirsiniz.
veya veya başlık sekmeler ( JavaScript ve HTML kullanarak çok satırlı dize oluşturma örneği
Çok satırlı metin eklemek için düğmeye tıklayın
Çok Satırlı Ekran function showMultilineString() { multilineString = ' ' + 'Bu h3 sekmesini kullanan bir başlıktır.
' + 'Bu başka bir dize yeni satırıdır.' + 'Tüm bu dizeleri' + 'birleştirme operatörünü kullanarak birleştirdik. Bu metin dizesi size iki üç satır gösterecektir.
' + ' '; document.getElementById('multiline').innerHTML = multilineString; }Şimdi Test EdinÇıktı
Yukarıdakileri yürüterek bir çıktı sizi web'de görüntüleyecektir. Aşağıdaki cevaba bakın; bir göreceksin Çok Satırlı Ekran size bir metin dizesi göstermek için düğmeyi kullanın.
Buna tıkla Çok Satırlı Ekran düğmesi ve bir metin dizesi sizi birden çok satırda görüntüleyecektir. Aşağıdaki çıktıya bakın: