Extracting floats from strings
By combining regular expressions and parseFloat, we can create a helper function that extracts all float values from a text input.
Read full articlePadding strings
JavaScriptAll snippets in this category →
Posted on August 13, 2020When we want a short string to be a certain number of characters long, we can “pad” it with other characters on the left or right side. For that, JavaScript now offers String.prototype.padStart() and String.prototype.padEnd() respectively.
Spaces are common for this, but we can pad with any character. We can even pad with sequences of characters.
// we can pad a string from the front with .padStart()
"1".padStart(5, " ") // ⇒ " 1"
"12".padStart(5, " ") // ⇒ " 12"
"123".padStart(5, " ") // ⇒ " 123"
"1234".padStart(5, " ") // ⇒ " 1234"
"12345".padStart(5, " ") // ⇒ "12345"
// we can pad from the end with .padEnd()
"1".padEnd(5, " ") // ⇒ "1 "
"12".padEnd(5, " ") // ⇒ "12 "
"123".padEnd(5, " ") // ⇒ "123 "
"1234".padEnd(5, " ") // ⇒ "1234 "
"12345".padEnd(5, " ") // ⇒ "12345"
// strings that are longer than the minimum don’t get padded
"123456".padStart(5, " ") // ⇒ "123456"
// we can use other characters to pad the string with
"6310".padStart(16, "*") // ⇒ "************6310"
// the string to pad with is truncated when the expected length is reached
"hello".padEnd(9, " world") // ⇒ "hello wor"// we can pad a string from the front with .padStart()
"1".padStart(5, " ") // ⇒ " 1"
"12".padStart(5, " ") // ⇒ " 12"
"123".padStart(5, " ") // ⇒ " 123"
"1234".padStart(5, " ") // ⇒ " 1234"
"12345".padStart(5, " ") // ⇒ "12345"
// we can pad from the end with .padEnd()
"1".padEnd(5, " ") // ⇒ "1 "
"12".padEnd(5, " ") // ⇒ "12 "
"123".padEnd(5, " ") // ⇒ "123 "
"1234".padEnd(5, " ") // ⇒ "1234 "
"12345".padEnd(5, " ") // ⇒ "12345"
// strings that are longer than the minimum don’t get padded
"123456".padStart(5, " ") // ⇒ "123456"
// we can use other characters to pad the string with
"6310".padStart(16, "*") // ⇒ "************6310"
// the string to pad with is truncated when the expected length is reached
"hello".padEnd(9, " world") // ⇒ "hello wor"// we can pad a string from the front with .padStart()
"1".padStart(5, " ") // ⇒ " 1"
"12".padStart(5, " ") // ⇒ " 12"
"123".padStart(5, " ") // ⇒ " 123"
"1234".padStart(5, " ") // ⇒ " 1234"
"12345".padStart(5, " ") // ⇒ "12345"
// we can pad from the end with .padEnd()
"1".padEnd(5, " ") // ⇒ "1 "
"12".padEnd(5, " ") // ⇒ "12 "
"123".padEnd(5, " ") // ⇒ "123 "
"1234".padEnd(5, " ") // ⇒ "1234 "
"12345".padEnd(5, " ") // ⇒ "12345"
// strings that are longer than the minimum don’t get padded
"123456".padStart(5, " ") // ⇒ "123456"
// we can use other characters to pad the string with
"6310".padStart(16, "*") // ⇒ "************6310"
// the string to pad with is truncated when the expected length is reached
"hello".padEnd(9, " world") // ⇒ "hello wor"// we can pad a string from the front with .padStart()
"1".padStart(5, " ") // ⇒ " 1"
"12".padStart(5, " ") // ⇒ " 12"
"123".padStart(5, " ") // ⇒ " 123"
"1234".padStart(5, " ") // ⇒ " 1234"
"12345".padStart(5, " ") // ⇒ "12345"
// we can pad from the end with .padEnd()
"1".padEnd(5, " ") // ⇒ "1 "
"12".padEnd(5, " ") // ⇒ "12 "
"123".padEnd(5, " ") // ⇒ "123 "
"1234".padEnd(5, " ") // ⇒ "1234 "
"12345".padEnd(5, " ") // ⇒ "12345"
// strings that are longer than the minimum don’t get padded
"123456".padStart(5, " ") // ⇒ "123456"
// we can use other characters to pad the string with
"6310".padStart(16, "*") // ⇒ "************6310"
// the string to pad with is truncated when the expected length is reached
"hello".padEnd(9, " world") // ⇒ "hello wor"Continue reading
Removing duplication with higher-order functions
Are you calling the same function many times with near-identical parameters? Hide that repetition in a higher-order function for more readability.
Read full articleGetting the intersection of two arrays
We can combine filter and includes to find which elements exist in both of two given arrays.
Read full articleMapping over objects
With this helper function, we can map over objects and change each of their values like we would do with arrays.
Read full articleHiding repetition with helper functions
We can hide the repetition in a function’s parameters in a higher-order function.
Read full articleChecking if something is an array
There is no “array” type in JavaScript. To check if something is an array, we can use a helper on the Array prototype.
Read full article