What is the difference between substr() and substring() in JavaScript?

JavascriptWeb DevelopmentFront End Technology

The examples given above have the same output, but yes the method differs, with that the parameters too.

The substring() method the second parameter is the index to stop the search, whereas the second parameter of substr() is the maximum length to return.

Example

Let’s see an example for substr() method in JavaScript −

Live Demo

<html>
   <head>
      <title>JavaScript String substr() Method</title>
   </head>
 
   <body>
      <script>
         var str = "Apples are round, and apples are juicy.";
         document.write("(1,2): " + str.substr(1,2));
         document.write("<br />(-2,2): " + str.substr(-2,2));
         document.write("<br />(1): " + str.substr(1));
         document.write("<br />(-20, 2): " + str.substr(-20,2));
         document.write("<br />(20, 2): " + str.substr(20,2));
      </script>
   </body>
</html>

Example

Let’s see an example for substring() method in JavaScript −

Live Demo

<html>
   <head>
      <title>JavaScript String substring() Method</title>
   </head>

   <body>
      <script>
         var str = "Apples are round, and apples are juicy.";
         document.write("(1,2): " + str.substring(1,2));
         document.write("<br />(0,10): " + str.substring(0, 10));
         document.write("<br />(5): " + str.substring(5));
      </script>
   </body>
</html>
raja
Published on 18-Jan-2018 16:42:10
Advertisements