Difference Betwixt Substr Vs Substring Method Inwards Javascript - Tutorial Example

JavaScript provides ii like looking String manipulation function, substr as well as substring, though both are used to teach substring from an String, in that place is a subtle difference betwixt substring as well as substr method inwards JavaScript. If y'all facial expression at in that place signature, both substr(to, length) as well as substring(to, from) both takes ii parameters, but substr takes length of substring to endure returned, spell substring takes destination index (excluding) for substring.This top dog deviation volition endure to a greater extent than clear when nosotros volition come across yoke of examples of using substr as well as substring inwards JavaScript code. By the way this is besides a practiced JavaScript inquiry as well as oft asked to spider web developers during HTML, CSS as well as JavaScript interviews, along alongside how to forbid multiple submission of shape data. Because of extensive uses of String, this noesis is non solely of import from interview betoken of sentiment but besides from evolution betoken of view. It besides helps to cut down subtle bugs inwards JavaScript code, which is innovate because of wrong utilisation of substr or substring method.

Difference betwixt SubString as well as SubStr method inwards JavaScript

As I said inwards root paragraph, top dog deviation betwixt substring as well as substr JavaScript method are inwards in that place minute parameter, substring bring index of in conclusion grapheme + 1, spell substr() method gets expected length of substring. Let's  bring a facial expression at next examples :

var str = "JavaScript";

alert(str.substring(0, 4));  // would impress "Java"

Since JavaScript index are zip based, In higher upward instance starting index is zip (including), which is root grapheme as well as destination index is 4 (excluding), as well as hence substring would endure "Java". On the other hand, if nosotros apply like declaration to substr method, nosotros volition teach same result, but on dissimilar way.

var str = "JavaScript"

alert(str.substr(0, 4));  // this volition besides render "Java"

Though this code besides returns Java, but hither logic is different, equally hither starting index is zip as well as length of substring is 4, which agency iv characters long string, which starts from root character, that's why "Java". If nosotros apply dissimilar declaration nosotros volition teach dissimilar upshot e.g.

var str = "JavaScript"

alert(str.substr(4, 6)); // this volition render Script

alert(str.substring(4, 6)); // this volition render "Sc"

Here, y'all tin clearly come across that both substr and substring are returning dissimilar result, because starting index is non zero. Because of this many spider web developer often confuse as well as they think that substr and substring send identically, which is non true. You should endure rattling careful, spell using substr() and substring(), otherwise it volition do difficult to notice subtle bugs. There is roughly other method called slice() which tin besides endure used for creating smaller substring from String inwards JavaScript, as well as y'all tin think of it to avoid whatever confusion betwixt substring as well as substr in JavaScript.

That's all most difference betwixt substr as well as substring method inwards JavaScript, only recollect that deviation is inwards the minute argument. The minute declaration of substring method takes destination index, which is excluded from concluding substring, spell minute declaration of substr method takes maximum length of expected substring.

Further Learning
JavaScript Fundamentals yesteryear Liam McLennan
ES6 Javascript: The Complete Developer's Guide
JavaScript: Understanding the Weird Parts