Javascript trim characters from start of string

String trimming is one of the most common tasks that programmers giảm giá khuyến mãi with. Trimming functions remove sầu whitespace from the beginning and/or over of a string. Native sầu tư vấn for trimming was introduced in JavaScript 1.8.1, meaning that they were not part of Internet Explorer prior lớn IE9. This article will show you how khổng lồ trlặng, & how you can build more flexible and powerful trimming functions.

JavaScript provides three functions for performing various types of string trimming. The first, trimLeft(), strips characters from the beginning of the string. The second, trimRight(), removes characters from the kết thúc of the string. The final function, trim(), removes characters from both ends. Like many other languages, JavaScript’s native functions only remove whitespace characters. Conversely, PHP’s functions can remove arbitrary characters. This article will introduce PHP-like trimming functions.

Bạn đang xem: Javascript trim characters from start of string


Let’s see how the native sầu trimLeft() works.

var string = " Hello world"; console.debug(string.trimLeft()); // prints "Hello world"

Notice that the spaces at the beginning of the string are removed. We can enhance this function by specifying a list of characters to remove. The enhanced version is shown below.

String.prototype.trimLeft = function(charlist) ;

The key points of this function are the RegExp object and the special ^ character. The RegExp creates a regular expression object that matches text with a given pattern. In regular expressions, the ^ character denotes the beginning of the string. Please note that the input đầu vào character menu is case-sensitive.

The following example shows you how trimLeft() removes spaces at the beginning of a string. This behavior is similar to lớn that of the equivalent native function.

var string = " Hello world"; console.debug(string.trimLeft()); // prints "Hello world"

The following examples show how you can delete a given set of characters from the beginning of the string. The first example trims the lowercase characters “o”, “e”, & “l”, & the uppercase “H”. The second example trims the lowercase “h”. Since the string begins with a capital “H”, no trimming occurs.

Xem thêm: Một Số Tài Nguyên Nhà Phát Triển Tốt Cho Qml Là Gì ? Duyệt Qml Thay Vì Html

var string = "Hello world"; console.debug(string.trimLeft("Hoel")); // prints " world" string = "Hi mate!"; console.debug(string.trimLeft("h")); // prints "Hi mate!"


The enhanced trimRight() function also accepts a single parameter representing the characters lớn be trimmed. The new trimRight() function is shown below.

String.prototype.trimRight = function(charlist) ;

The function is quite similar lớn the previous one. The only difference is the regular expression pattern. Instead of using the ^ character to lớn denote the beginning of the string, we use the $ character, which represents the kết thúc of the string.

The next examples show how to lớn use the trimRight() function. The first one is very simple, và is similar to the previous ones. The second, is quite interesting because it uses not just a character menu, but a POSIX character class. Character classes are shorth& notation to specify sets of characters. The example uses the W code. W represents non-word characters, or all characters except letters, digits, & the underscore character.

var string = "Hello world"; console.debug(string.trimRight("odl")); // prints "Hello wor" string = "Hi mate!"; console.debug(string.trimRight("W")); // prints "Hi mate"


The last function is very simple, & relies on the previous two. It trims both at the beginning & the end of the string. Its implementation is simple too, because it consists of calling trimLeft() và then trimRight() on the same string.

String.prototype.trim = function(charlist) ;

Some examples of using trim() are shown below.

var string = "he loves she"; console.debug(string.trim("hes ")); // prints "lov" string = " I write for "; console.debug(string.trim()); // prints "I write for"


A trlặng function is useful for removing extra spaces typed by users. Often times, users aren’t even aware that they typed extra spaces. This fact could also lead lớn login problems if, for example, a user registered himself with a trailing whitespace. However, this is not the only use case for trimming. Using the enhanced versions of the tryên ổn functions presented in this article, you’ll also be able to solve sầu a wider range of problems than the native ones can solve.