Difference between String.slice and String.substring in JavaScript Last Updated : 21 Jul, 2023 Comments Improve Suggest changes Like Article Like Report These 2 functions are quite similar in their Syntax But are different in some cases. Let's see the difference between them. JavaScript slice() Method:This method selects the part of a string and returns the selected part as a new string. Start and end parameters are used to specify the extracted part. The first character starts with index 0. Syntax:str.slice(start, end)JavaScript substring() Method: This function has the same syntax as slice() This method selects the part of a string and returns the selected part as a new string. Start and end parameters are used to specify the extracted part. The first character starts with index 0. Syntax:str.substring(start, end)Common Result Both give the same results in the given cases. If start == stop, both return an empty stringIf the stop is omitted, both extracts characters till the end of the stringIf any argument is greater than the string's length, the string's length will be used in that case.JavaScript substring() different results of substring() If start > stop, then the function swaps both arguments.If any argument is negative or is NaN, it is treated as 0.JavaScript slice() different results of slice() If start > stop, This function will return an empty string. ("")If the start is negative, It sets char from the end of the string, like substr().If stop is negative, It sets stop = string.length – Math.abs(stop) (original value)Example 1: These examples give the same results in both cases. JavaScript // Input string let str = "This is GeeksForGeeks"; console.log("Str = '" + str + "'"); // Function to display output difference function Geeks() { console.log("str.slice() = " + str.slice(0, 13)); console.log( "str.substring() = " + str.substring(0, 13) ); } // Function call Geeks(); OutputStr = 'This is GeeksForGeeks' str.slice() = This is Geeks str.substring() = This is GeeksExample 2:In this Example, In the case of substring() it swaps the arguments when start>stop where the slice() returns the empty string. JavaScript // Input string let str = "This is GeeksForGeeks"; console.log("Str = '" + str + "'"); // Function to display output difference function Geeks() { console.log("str.slice() = " + str.slice(13, 0)); console.log( "str.substring() = " + str.substring(13, 0) ); } // Function call Geeks(); OutputStr = 'This is GeeksForGeeks' str.slice() = str.substring() = This is GeeksExample 3:In this Example, In the case of substring() negative arguments are treated as 0 where the slice() returns the empty string. JavaScript // Input string let str = "This is GeeksForGeeks"; console.log("Str = '" + str + "'"); // function to display output diff function Geeks() { console.log("str.slice() = " + str.slice(-13, 7)); console.log( "str.substring() = " + str.substring(-13, 7) ); } // Function call Geeks(); OutputStr = 'This is GeeksForGeeks' str.slice() = str.substring() = This isDifferences between slice() and substring() methods:JavaScript string.slice() Method JavaScript string.substring() Method It is used to extract a part of the stringIt is used to extract a substring in a stringIts return value is a string because it returns some part of the string.It does not distort the original stringIt takes parameters as integers i.e; the indexes of the string from where we want to extract the stringIts parameters are the start and end position of the substring that we want to extractIt is an in-built string method in JavaScriptIt is also an in-built string method in Javascript.It does not distort the original stringIts return value is of type string Comment More infoAdvertise with us Next Article Difference between String.slice and String.substring in JavaScript P PranchalKatiyar Follow Improve Article Tags : JavaScript Web Technologies javascript-string difference Similar Reads Difference between substr() and substring() in JavaScript In JavaScript Both of the functions are used to get the specified part of the string, But there is a slight difference between them. substr() and substring() are string methods used to extract parts of a string. The main difference is that substr() accepts a length parameter, while substring() accep 2 min read What is the difference between 'String' and 'string' in TypeScript ? Unlike JavaScript, TypeScript uses static typing, i.e. it specifies what kind of data the variable will be able to hold. Since TypeScript is a superscript of JavaScript, it also holds a distinction between a string and String. The usage of a string object in JS (or TS for that matter) is very minima 4 min read What is the difference between Array.slice() and Array.splice() in JavaScript ? In JavaScript, slice() and splice() are array methods with distinct purposes. `slice()` creates a new array containing selected elements from the original, while `splice()` modifies the original array by adding, removing, or replacing elements. slice():The slice() method in JavaScript extracts a sec 3 min read What is difference between JSON.parse() and JSON.stringify() Methods in JavaScript ? JSON.parse() converts JSON strings to JavaScript objects, while JSON.stringify() converts JavaScript objects to JSON strings. JavaScript utilizes JSON for data interchange between servers and web pages. These methods enable easy data manipulation and transport in web development. JSON.parse() Method 2 min read What is the difference between unshift() and Push() method in JavaScript? JavaScript Unshift() method is very much similar to the push() method but the difference is that the unshift() method adds the elements at the very beginning of the array whereas the push() method adds at the end of the array. Javascript Array unshift() method: The JavaScript Array unshift() Method 2 min read Difference between sorting string array and numerical array The array.sort() method sorts the string array in alphabetical order. This method sorts string arrays based on Unicode(). Unicode provides a unique number for every character, no matter what platform, device, application, or language. This allows every modern system to use Unicode. These should be s 3 min read Check If An Array of Strings Contains a Substring in JavaScript Here are the different ways to check if an array of strings contains a substring in JavaScript1. Using includes() and filter() methodWe will create an array of strings, then use includes() and filter() methods to check whether the array elements contain a sub-string.JavaScriptconst a = ['Geeks', 'gf 4 min read Different Ways to Use Array Slice in JavaScript In this article, we will see the different ways to use the Array slice method in Javascript. Using Array Slice in JavaScript refers to the technique of extracting a specified portion of an array, defined by start and end indices, to create a new array containing those selected elements. Syntaxarr.sl 4 min read How to trim a file extension from string using JavaScript ? Given a fileName in string format and the task is to trim the file extension from the string using JavaScript. replace() method: This method searches a string for a defined value or a regular expression, and returns a new string with the replaced defined value. Syntax: string.replace(searchVal, newv 4 min read JavaScript Insert a string at position X of another string Given two strings, the task is to insert one string in another at a specified position using JavaScript. We're going to discuss a few methods, these are: Methods to Insert String at a Certain IndexTable of Content Method 1: Using JavaScript String slice() and Array join() MethodsMethod 2: JavaScript 4 min read Like