Javascript Course

List with useful JavaScript methods for String, and functions to work with strings in JS scripts.

str.concat(s1, s2, ..) - joins the string 'str' with the substrings 's1, s2, ..' and returns a new string..
let str ='Hello, ';
let str2 = str.concat('CoursesWeb', '.net');
str.includes(s2) - returns True if the substring s2 is in 'str', otherwise returns False.
- This method is case-sensitive (makes difference between uppercase and lowercase letters).
let str ='Life is Happiness, Be Happy.';
if(str.includes('Happ')) document.write('The string contains: Happ');
str.endsWith(s2) - returns True if the string 'str' ends with substring 's2', otherwise False. It is case-sensitive.
let str ='JavaScript string.';
if(str.endsWith('ing.')) document.write('The string ends with: ing.');
str.indexOf(s2) - returns the position of the first occurrence of the substring 's2' in 'str', or -1, if the substring is not found.
let str ='JS example string.';
var ix = str.indexOf('example');
if(ix !=-1) document.write('The word "example" starts from index: '+ ix);
str.match(RegExp) - Compares a regular expression and a string to see if they match. Returns an array with the matches or 'null'.
const email ='';

//is_em is an array like: ['email', 'name', 'domain'] or null
var is_em = email.match(/^([A-z0-9]+[A-z0-9._%-]*)@([A-z0-9_\-\.]+\.[A-z]{2,5})$/i);

//if email is a valid address writes the name
 document.write('The name from the address: "'+email+'" is: '+ is_em[1]);
str.repeat(nr) - returns a string consisting of the copies of the string 'str' repeated the given 'nr' times.
let str ='abc';
let str2 = str.repeat(2);
document.write(str2); // abcabc
str.replace(s0, s2) - replaces in 'str' the matched substring 's0' with the value from 's2'.
let str ='Visit:';
let str2 = str.replace('', '');
document.write(str2); // Visit: - executes the search for a match between a regular expression and a specified string. Returns the position of the match, or -1 if no match is found.
let str ='The Peace is peaceful';
var ix =;
document.write(ix); // 4
str.slice(start, end) - pulls out a specified section of a string (between start index and the end index) and returns a new string, or -1.
let str ='Tutorials JS';
document.write(str.slice(0, 5)); //Tutor
str.split(separator, limit) - separates a string into an array of strings based on a separator sent as a parameter to the method. Limit is optional (an integer that specifies the number of splits).
let str ='How are you?';
var ar_str = str.split(' '); //['How', 'are', 'you?']
document.write(ar_str[1]); // are
str.startsWith(s2) - returns True if 'str' starts with 's2', otherwise False. Is case-sensitive.
let str ='Simple JavaScript string.';
if(str.startsWith('Simp')) document.write('The string starts with: Sim');
str.substr(start, length) - returns a portion of the string specified with a starting position and through the specified number of character (length).
var str ='JS Tutorials';
document.write(str.substr(3, 5)); // Tutor
str.substring(start, end) - extracts the characters from a string, between two specified indices (not including "end" itself), and returns the sub-string.
let str ='Hi everyone';
document.write(str.substring(3, 7)); // ever
str.toLowerCase() - returns the string to lowercase letters.
let str = 'I love Peace';
document.write(str.toLowerCase()); // i love peace
str.toUpperCase() - returns the string to all uppercase letters.
let str ='I love Peace';
document.write(str.toUpperCase()); //I LOVE PEACE
str.trim() - trims whitespace from the beginning and end of the string.
let str =' Hello to Me. ';
document.write('<pre>'+ str +' (without trim)</pre>');
document.write('<pre>'+ str.trim() +' (with trim)</pre>');

Aditional to this method are: trimStart() and trimEnd(). To trim whitespace from beginning or from the end.

str.toFixed(n) - formatting a number as a numeric string to a value rounded to 'n' decimals.
let nr =78.468;
document.write(nr.toFixed(2)); // 78.47

- You can find a list with the methods of the String object at MDN: String JavaScript.

Global functions for strings

escape(string) - converts most special characters to hexadecimal character codes (except: '@ * _ + - . /').
let str ='Be&Well @!';
document.write(escape(str)); // Be&Well @!
unescape(string) - performs the reverse operation of the escape() function.
let str ='Be&Well @! ';
document.write(unescape(str)); // Be&Well @!
encodeURIComponent(string) - encodes characters that separate different components of a URL (except letters, digits, and the following characters: - _ . ! ~ * ` ( ) ).
So you can safely encode a string for use as a single component. This is most commonly used for encoding a string for use as a query string value or parameter.
let str ='';
document.write(encodeURIComponent(str)); //
decodeURIComponent(string) - performs the reverse operation of the encodeURIComponent() function.
let str ='';
document.write(decodeURIComponent(str)); //

Daily Test with Code Example

Which HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
 <li><a href="" title="CSS Course">CSS Course</a></li>
 <li><a href="" title="Flash Games">Flash Games</a></li>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
Methods of the String object in JS

Last accessed pages

  1. Draw arrow markers between clicks coords in Canvas (2009)
  2. Countdown Timer with starting time added into a form (9439)
  3. Introduction to ActionScript 3 (2776)
  4. PHP Unzipper - Extract Zip, Rar Archives (12460)
  5. Writing CSS code (2521)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (522)
  2. PHP Unzipper - Extract Zip, Rar Archives (424)
  3. SHA256 Encrypt hash in JavaScript (403)
  4. Read Excel file data in PHP - PhpExcelReader (360)
  5. Create simple Website with PHP (335)