Introduction
According to Matt Davies Stockton, strings are crucial global objects in JavaScript representing a sequence of characters. Mastering string methods is essential since many instances of JavaScript programming require string manipulation. Generally, we are all in a rush to learn the most useful or most important string methods, but have you ever considered using legacy string methods for generating HTML?
Legacy String Methods
Legacy string methods still exist in native prototypes since removing them would break websites that included such strings. Thus, it is useful to familiarize yourself with legacy string methods. You just need to type a basic string of text and wrap it in an HTML tag of the same name. Given below are a few examples.
Syntax:
“Hello”.big() // “<big>Hello</big>”
“Hello”.blink() // “<blink>Hello</blink>”
“Hello”.bold() // “<b>Hello</b>”
“Hello”.italics() // “<i>Hello</i>”
“Hello”.link(“https://davidwalsh.name”) // “<a href=”https://davidwalsh.name”>Hello</a>”
Important string methods that you should master
JavaScript has powerful functions built-in to allow programmers to manipulate strings more easily. However, it is important to learn about their functions first and understand how they can be used in different scenarios:
Now, let’s look at some of the most popular and useful JavaScript strings:
- String.concat() -The String.concat() method can be used to join two or more strings together. It is possible to add one or more arguments to this method in order to concatenate them into a single string. However, the original string is left unchanged.
Syntax: concat(str1, str2, str3, …)
Example:
let str2 = ” How are you?”;
let newString = str.concat(str2);
console.log(newString);
“Welcome to the Website! How are you?”
- String.toLowerCase() and String.toUppperCase() – The toUpperCase() method is used to convert all the characters of a given string to the uppercase format. Similarly, the toLowerCase() method is used to convert all the characters of a given string to the lowercase format. However, these functions don’t modify the original string.
Syntax:
toUpperCase()
toLowerCase()
Example:
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);
“Welcome to the website!”
“WELCOME TO THE WEBSITE!”
“Welcome to the Website!”
String.charAt(x) – The String.charAt(x) method is used to return the character at the specified index in the string. However, it only accepts a single argument, the index at which the character is to be retrieved. The range of the index value is between 0 to length -1.
Syntax:
charAt(index)
Example:
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length – 1));
T
H
W
String.indexOf() – The String.indexOf() method is used to find out the first index at which the specified character or substring is present.
Syntax:
indexOf(str)
Example:
console.log(str.indexOf(‘WEL’));
Conclusion
Matt Davies Stockton suggests you get familiar with and master all the popular string methods to become more productive as a JavaScript developer. Ensure you practice every method numerous times to prepare for any interviews and for making complex web pages more easily.
