How to get substring between two similar characters in JavaScript?


Before we are going to learn about how to get substring between two similar characters in JavaScript. Let’s have a quick view on the characters in JavaScript.

In a string, the charAt() method returns the character that is located at the given index (position). First character's index is 0, second character's index is 1.

Getting substring in JavaScript

The substring() method takes a string and extracts all characters between two indices (positions), then it returns the substring. Characters are taken out of a string using the substring() technique. The initial string is left alone when using the substring() technique.

Syntax

Following is the syntax for substring()

string.substring(start, end)

Let’s dive into the article to learn more about getting substring between two similar characters in JavaScript. For this, we can use the concept of split().

Using split() in JavaScript

Splitting a string into an array of substrings is done using the split() method. split() produces a new array as its output. The string's original content is unaltered by the split() technique. When the separator ("") is applied, the string is divided into words.

Syntax

Following is the syntax for split()

string.split(separator, limit)

Example

n the following example, we are running a script and passing a value; later, we have declared var=result[] to get the output using split().

<!DOCTYPE html>
<html>
   <body>
      <script>
         var result = [];
         const str1 = 'one:two;three';
         result = str1.split(":");
         document.write(result[0]);
      </script>
   </body>
</html>

When the script gets executed, it will generate an output consisting of the value "one," which will be displayed on the webpage as the event gets triggered by running the script.

Example

Let’s look into the following example, where we are using split() for getting the desired output.

<!DOCTYPE html>
<html>
   <body>
      <script>
         var s = 'HelloIm cat:Your arewelcome to tutorialspoint dog;';
         var arrayStr = s.split(/[:;]/);
         alert(arrayStr[1]);
      </script>
   </body>
</html>

When the script gets run, the event gets triggered and displays the text of the index we have used in the script in the alertbox.

Example

Consider the following example, here we are using the split() method, which divides the string into substrings, and the substrings are placed in an array. Later, we will pass an index value to get the desired output.

<!DOCTYPE html>
<html>
   <body>
      <script>
         let str = 'xyz:welcome to tutorialspoint:66df88v:'.split(':')
         document.write(str[1])
      </script>
   </body>
</html>

On running the above script, the output window will pop up, displaying a text on the webpage that was caused by the event that got triggered on running the script.

Example

In the following example, we are running the script along with slice() and mentioning the indices to get the desired output on the screen page.

<!DOCTYPE html> 
<html> 
   <body>
      <script> 
         let str = 'tp:The Best E-Way Learning:007jb700:' 
         document.write(str.slice(3, 35))
      </script>
   </body>
</html>

When the script gets executed, it will generate an output consisting of a text that was lying between (3, 35), (start value), and (end value) that is printed on the webpage obtained by an event that gets triggered on running the script.

Updated on: 21-Apr-2023

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements