Маніпулювання рядками легко навчитися, але найважче освоїти це в JavaScript. Раніше багаторядковий рядок не підтримувався JavaScript. Після 2015 року рядкові літерали були представлені ES6 (ECMAScript 6), який підтримує багаторядковий рядок.
Тепер існує кілька способів обробки багаторядкового рядка. У цій главі ми обговоримо ці різні методи обробки багаторядкового рядка один за одним.
Нижче наведено кілька способів роботи з багаторядковим рядком:
Спосіб 1
Це найпростіший спосіб JavaScript щоб показати рядковий текст у кількох рядках. Використовуйте вкладку лінії розриву (
) або HTML у функції document.write(), щоб почати текст із нового рядка.
приклад
Ось практична реалізація багаторядкового рядка за допомогою програмування на JavaScript:
Копіювати код
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.')Перевірте зараз
Вихід
Коли ви виконайте цей код, три текстові рядки відобразять вас в Інтернеті, які будуть розділені за допомогою вкладки лінії розриву (
) 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 ='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);Перевірте зараз
Вихід
Під час виконання цього коду в Інтернеті з’являться два текстові абзаци, які будуть розділені за допомогою вкладки лінії розриву (
) HTML.
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.
Приклад 3
Це простий приклад друку багаторядкового тексту за допомогою програмування JavaScript. У цьому ми використовували лише HTML
вкладка для розбиття речень на кілька рядків:
Копіювати код
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);Перевірте зараз
Вихід
Коли ви виконаєте цей код, три абзаци відобразять вас у мережі, які будуть розділені за допомогою вкладки лінії розриву (
) 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 Багаторядковий дисплей щоб показати текстовий рядок.
Натисніть це Багаторядковий дисплей і текстовий рядок відображатимуть вас у кількох рядках. Перегляньте результат нижче: