How to Truncate a String in JavaScript ?
In JavaScript, there are several ways to truncate a string which means cutting off a part of the string to limit its length. Truncating a string is useful when we want to display only a certain number of the characters in the user interfaces such as previewing a longer text or ensuring that text fits within the specified space.
Use the below methods to Truncate a String in JavaScript:
Table of Content
- Using the substring() method
- Using the slice() method
Using the substring() method
In this approach, we are using the substring() method to extract characters from the string between the two specified indices and return the new sub-string.
Example: Truncate a String in JavaScript using the substring() method.
function GFG(str, maxLength) {
if (str.length > maxLength) {
return str.substring(0, maxLength) + '...';
}
return str;
}
const longText = "w3wiki, Learning.";
const truncatedText = GFG(longText, 20);
console.log(truncatedText);
Output
w3wiki, Learn...
Using the slice() method
In this approach, we are using the slice() method that extracts a section of the string and returns it as a new string without the modifying the original string.
Example: Truncate a String in JavaScript using the slice() method.
function GFG(str, maxLength) {
if (str.length > maxLength) {
return str.slice(0, maxLength) + '...';
}
return str;
}
const longText = "w3wiki , Learning.";
const truncatedText = GFG(longText, 20);
console.log(truncatedText);
Output
w3wiki , Lear...
Contact Us