How to use a line break in array values in JavaScript?

JavascriptWeb DevelopmentFront End Technology

To add a line break in array values for every occurrence of ~, first split the array. After splitting, add a line break i.e. <br> for each occurrence of ~.

For example,

This is demo text 1!~This is demo text 2!~~This is demo text 3!

This will add line breaks like the following for ~ occurrence:

This is demo text 1!
This is demo text 2!
This is demo text 3!

Example

Live Demo

<!DOCTYPE html>
<html>
   <body>
      <h2>Adding line break</h2>
      <script>
         var myArray = 'This is demo text 1!~This is demo text 2!~~This is demo text 3!~This is demo text 4!~~This is demo text 5!';
         document.write("Original Array: "+myArray);
         var brk = myArray.split('~');
         var res = brk.join(" <br> ");
         document.write("<br><br>"+res);
      </script>
      <p>Each occurence of ~ adds a line break above.</p>
   </body>
</html>
raja
Published on 24-Jan-2018 07:11:47
Advertisements