logo

Багаторядковий рядок JavaScript

Маніпулювання рядками легко навчитися, але найважче освоїти це в JavaScript. Раніше багаторядковий рядок не підтримувався JavaScript. Після 2015 року рядкові літерали були представлені ES6 (ECMAScript 6), який підтримує багаторядковий рядок.

Тепер існує кілька способів обробки багаторядкового рядка. У цій главі ми обговоримо ці різні методи обробки багаторядкового рядка один за одним.

Нижче наведено кілька способів роботи з багаторядковим рядком:

Спосіб 1

Це найпростіший спосіб JavaScript щоб показати рядковий текст у кількох рядках. Використовуйте вкладку лінії розриву (
) або HTML у функції document.write(), щоб почати текст із нового рядка.

приклад

Ось практична реалізація багаторядкового рядка за допомогою програмування на JavaScript:

Копіювати код

 Multiple new lines example document.write(&apos;This is first line display using JavaScript.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;This is second line and divided using break line tab of HTML.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;Now, we again printed another new line.&apos;) 
Перевірте зараз

Вихід

Коли ви виконайте цей код, три текстові рядки відобразять вас в Інтернеті, які будуть розділені за допомогою вкладки лінії розриву (
) HTML .

 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. 

Приклад 2: Конкатенація окремого рядка

У цьому прикладі ми просто надрукуємо багаторядковий рядок без розриву рядка за допомогою програмування на JavaScript:

Копіювати код

 Multiple new lines example var myString =&apos;Javatpoint is a website of technologies, &apos; + &apos;which provides tutorials of different technologies and tools. &apos; + &apos;Here you will get tutorials in detail&apos; + &apos;like theory as well as practical implementation.&apos; + &apos; <br> We will try to provide you the best knowledge from our side.&apos; + &apos;Student, teachers, and industry professionals can learn from here.&apos;; document.write(myString); 
Перевірте зараз

Вихід

Під час виконання цього коду в Інтернеті з’являться два текстові абзаци, які будуть розділені за допомогою вкладки лінії розриву (
) HTML.

 Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail &apos;like theory as well as practical implementation. We will try to provide you the best knowledge from our side. &apos;Student, teachers, and industry professionals can learn from here. 

Приклад 3

Це простий приклад друку багаторядкового тексту за допомогою програмування JavaScript. У цьому ми використовували лише HTML
вкладка для розбиття речень на кілька рядків:

Копіювати код

 Multiple new lines example var multilineString =&apos;JavaScript is a programming language that is useful for web development at client-side execution.&apos; + &apos;This language is very light-weighted mostly used to put validations, so they check at the client-side.&apos; + &apos; <br> Nowadays, it is very trending in market for web development.&apos; + &apos; <br> As it also allows dynamic execution of code.&apos;; document.write(multilineString); 
Перевірте зараз

Вихід

Коли ви виконаєте цей код, три абзаци відобразять вас у мережі, які будуть розділені за допомогою вкладки лінії розриву (
) HTML.

тестування продуктивності
 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. 

Спосіб 2: Ви також можете передати текстовий рядок всередину

або або заголовок вкладки ( Приклад створення багаторядкового рядка за допомогою JavaScript і HTML

Натисніть кнопку, щоб вставити багаторядковий текст

Багаторядковий дисплей функція showMultilineString() { multilineString = ' ' + '

Це заголовок із використанням вкладки h3.

' + '

Це новий рядок іншого рядка.' + 'Ми об'єднали всі ці рядки за допомогою' + 'оператора конкатенації. Цей текстовий рядок покаже вам два три рядки.

' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Перевірте зараз

Вихід

Вихід відобразить вас в Інтернеті, виконавши наведені вище дії. Перегляньте відповідь нижче; ви побачите a Багаторядковий дисплей щоб показати текстовий рядок.

Багаторядковий рядок JavaScript

Натисніть це Багаторядковий дисплей і текстовий рядок відображатимуть вас у кількох рядках. Перегляньте результат нижче:

Багаторядковий рядок JavaScript