Advanced String Methods

Modern ~15 min read

Searching Strings

Modern JavaScript provides cleaner ways to search within strings than indexOf.

HTML

CSS

<h2>Search Demo</h2>
<p id='searchOutput'></p>

ES2017 added two String methods to support padding at the beginning and at the end of a string.

padStart(): Pads a string with another string until it reaches a given length (from the start).
padEnd(): Pads a string with another string until it reaches a given length (from the end).

HTML

CSS

<h2>Padding Demo</h2>
<p id='padOutput'></p>

Template Literals use back-ticks (``) rather than quotes ("") to define a string. They allow for:

HTML

CSS

<h2>Template Literal Demo</h2>
<p id='templateOutput'></p>

Which method pads a string from the beginning?

padLeft()

padBegin()

padStart()

padFront()