Talking about ES2015: strings

Aug 25, 2015 2 min read

There are a few new features related to strings in ES2015. They're easy to learn and they allow for a more clean code.

In ES15, some new methods were added to the String object. For instance, now there's a repeat method.

var tripleX = "X".repeat(3);
console.log(tripleX); // XXX

Instead of checking the indexOf to verify if a string contains some text, we can now use the includes method.

console.log("JavaScript".includes("ava")); // true
console.log("JavaScript".includes("hello")); // false

We can verify if a string starts with or ends with some text.

console.log("Luke".startsWith("Lu")); // true
console.log("Leia".endsWith("ia")); // true

For all of those three methods (includes, startsWith and endsWith), there's an optional second parameter used to specify where in the string the search starts.

console.log("The blue pill".includes("blue", 4)); //true
console.log("The red pill".startsWith("red", 4)); //true
console.log("Hello Mr. Anderson".endsWith("Hello Mr", 8)); //true

Template literals

Template literals are a new string literal which we can have multiple lines and we also can interpolate expressions.

let name = "Thiago";
console.log(`Hello ${name}`); // Hello Thiago

let message = `Hello 
${name}, 
welcome to ES2015`;

console.log(message);
// Hello
// Thiago
// welcome to ES2015

Note that to delimit the literal we use backticks (`) and not single quotes, and all interpolated expressions are delimited by $.

The Coding Temple © 2023