Picking object properties
When you don’t want to drag a full object through your code, you can pick just the properties you need using reduce.
Read full articleSplitting strings
JavaScriptAll snippets in this category →
Posted on June 23, 2020When we split a string using a sequence of characters, the string we split at no longer appears in the result.
If we split at every empty string, we get the individual characters, including spaces.
// If we split at “space”, no spaces appear in the result:
"two words".split(" ") // ⇒ ["two", "words"]
// Periods and other characters still remain:
"This is a sentence.".split(" ") // ⇒ ["This", "is", "a", "sentence."]
// If we split at a letter, that letter is removed. The space remains:
"hello world".split("r") // ⇒ ["hello wo", "ld"]
// If we split at “empty space”, the string is split into all of its
// characters. The space is still in there:
"oh yeah".split("") // ⇒ ["o", "h", " ", "y", "e", "a", "h"]// If we split at “space”, no spaces appear in the result:
"two words".split(" ") // ⇒ ["two", "words"]
// Periods and other characters still remain:
"This is a sentence.".split(" ") // ⇒ ["This", "is", "a", "sentence."]
// If we split at a letter, that letter is removed. The space remains:
"hello world".split("r") // ⇒ ["hello wo", "ld"]
// If we split at “empty space”, the string is split into all of its
// characters. The space is still in there:
"oh yeah".split("") // ⇒ ["o", "h", " ", "y", "e", "a", "h"]// If we split at “space”, no spaces appear in the result:
"two words".split(" ") // ⇒ ["two", "words"]
// Periods and other characters still remain:
"This is a sentence.".split(" ") // ⇒ ["This", "is", "a", "sentence."]
// If we split at a letter, that letter is removed. The space remains:
"hello world".split("r") // ⇒ ["hello wo", "ld"]
// If we split at “empty space”, the string is split into all of its
// characters. The space is still in there:
"oh yeah".split("") // ⇒ ["o", "h", " ", "y", "e", "a", "h"]// If we split at “space”, no spaces appear in the result:
"two words".split(" ") // ⇒ ["two", "words"]
// Periods and other characters still remain:
"This is a sentence.".split(" ") // ⇒ ["This", "is", "a", "sentence."]
// If we split at a letter, that letter is removed. The space remains:
"hello world".split("r") // ⇒ ["hello wo", "ld"]
// If we split at “empty space”, the string is split into all of its
// characters. The space is still in there:
"oh yeah".split("") // ⇒ ["o", "h", " ", "y", "e", "a", "h"]Continue reading
Calculating the sum of an array of numbers
We can reduce an array of numbers into a single value that represents the sum of its values, without needing a traditional for-loop.
Read full articleGetting properties from objects that match a condition
Since array methods like filter and map return an array themselves, we can chain them one after the other.
Read full articleFetching data asynchronously in useEffect
To asynchronously fetch data in a React component using hooks, we can define and then call an asynchronous function inside of useEffect.
Read full articleGetting the array item with the largest given property
We can write a function that gives us the array object with the largest value for a specified property.
Read full articleOne-or-the-other properties
We sometimes need a type in which only one of two mutually exclusive properties can be set. Setting either property is fine, setting both isn’t.
Read full article