This content originally appeared on DEV Community and was authored by Alex Hernández
Feeling confident in Javascript?
Well, given a string of lowercase letters, would you be able to sum them all up into 1 value?
In one line of code?
Solution and explanations are below.
The Solution
const lettersum = s =>
s
.split('')
.map(c => c.charCodeAt(0) - 96)
.reduce((a, b) => a + b, 0);
Pretty concise, isn't it?
Let's go over this step-by-step
JS Arrow functions
'const lettersum = s =>'
First, we use 'const' to declare a variable (named 'lettersum') whose value shouldn't change later.
Then we begin to declare a function using a compact definition called an 'arrow function expression'.
Splitting
s
.split('')
This is the same as s.split()
However, JS ignores newlines (line-terminators) when they separate bits of code (except in cases where it auto-inserts ';' like in return)
We do this so as we chain multiple functions, it stays easy to read
So what does 's.split('')' do?
Well, split() is a string method, that will divide the string into substrings, and returns them as an array.
In this case, '' means we want to divide the string at every character.
This gives us the string as an array of characters
Mapping
.map(c => c.charCodeAt(0) - 96)
Map accepts a function and will return the array created from calling the function on every element in the array.
Here we are going through our array of characters, and turning each one into a digit, subtracting 96 so a=0.
Reduce
.reduce((a, b) => a + b, 0);
Lastly, this reduces the list down to a single value.
It calls the function we pass on each item in the array, storing the result in 'a' and calling the function again with 'b' set as the next value in the array.
Here we are summing up every element in the list.
Closing
And that's it! So in summary, we
- Split the string into characters
- Go through each character, converting it into a number
- Sum up all the numbers
Thanks for sticking around, and stay tuned for the next JS lesson.
This content originally appeared on DEV Community and was authored by Alex Hernández
Alex Hernández | Sciencx (2022-04-01T03:15:46+00:00) JS Exercise: Sum of a String. Retrieved from https://www.scien.cx/2022/04/01/js-exercise-sum-of-a-string/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.