Манипулирането на низове е лесно за научаване, но най-трудно за овладяване в 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.
конкатенация на Java низ
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; }Тествайте сегаИзход
Изход ще ви покаже в мрежата чрез изпълнение на горното. Вижте отговора по-долу; ще видите а Многоредов дисплей бутон, за да ви покаже текстов низ.
Кликнете върху това Многоредов дисплей бутон и текстов низ ще ви покаже на няколко реда. Вижте резултата по-долу: