javascript

JavaScript Shorten String With Three Dots

Using JavaScript, we can shorten the length of our string and just replace the rest with three dots. 

let stringVal = "Hello Codeflare!";
shortenString = stringVal.substring(0, 3).concat('...');
console.warn(shortendString) //Hel...

Explanation

We’re achieving this using the substring() and concat() method.

The substring() method extracts characters, between two indices (positions), from a string, and returns the substring and does not change the original string.

The substring() method extracts characters from start to end (exclusive).

The concat() method is used to join two or more strings.

So what we’re doing here is that after trimming the length of the string to whatever position we have set, we’re then just joining the result with the three dots.

Conclusion

This is how we shorten string with three dots in Javascript.

Let me know what you think in the comments.

See Also:

PHP Shorten String With Three Dots

Recent Posts

Drones 101: What They Are & How They Work

In recent years, drones have become more than just cool gadgets or tools for tech…

2 days ago

React Native vs. Flutter: Which is Best to Build Mobile Apps in Abuja?

Looking to build mobile apps in Abuja? Choosing the right framework is crucial for performance,…

7 days ago

How to Hire the Best Software Developers for Your Mobile App Development Project in Abuja

Introduction The demand for mobile app development in Abuja is skyrocketing, with businesses, startups, and…

1 week ago

How to Dynamically Create, Update, and Delete HTML Elements

In modern web development, dynamically manipulating HTML elements is essential for creating interactive and responsive…

3 weeks ago

Why parseInt(’09’) Returns 0

If you've ever encountered the puzzling behavior of parseInt('09') returning 0 in JavaScript, you're not…

3 weeks ago

Event Bubbling and Capturing: Why Your Click Listener Fires Twice (And How to Fix It)

If you’ve ever built an interactive web application, you may have encountered a puzzling issue:…

1 month ago