JavaScript .substr()

charanelgile's avatar
Published Jun 14, 2024
Contribute to Docs

The .substr() method in JavaScript extracts a portion of a string, starting from a specified index position and extending for a specified number of characters. Indexing begins at zero. If a negative index is provided, it indicates the position from the end of the string, allowing extraction starting from the specified number of characters from the end.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.
    • Beginner Friendly.
      15 hours

Syntax

string.substr(start, length);
  • start: The index position in the string where extraction begins. If negative, it counts from the end of the string.
  • length: The number of characters to extract. It is an optional parameter. If omitted, the extraction continues to the end of the string.

Example

The example below shows the use of .substr() method in multiple ways:

// Extracting a portion of a string with a specified length.
var sentence1 = 'The Intro to JavaScript is fun to learn.';
console.log(sentence1.substr(4, 19));
// Extracting a portion of a string _without_ a specified length.
var sentence2 = 'The Intro to JavaScript is fun to learn.';
console.log(sentence2.substr(4));
// Extracting from the end of a string.
var sentence3 = 'The Intro to JavaScript is fun to learn.';
console.log(sentence3.substr(-27, 10));

The above example prints the following output on the console:

Intro to JavaScript
Intro to JavaScript is fun to learn.
JavaScript

Codebyte Example

Code
Output
Loading...

Note: The .substr() method does not change the original string.

All contributors

Contribute to Docs

Learn JavaScript on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.
    • Beginner Friendly.
      15 hours