{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/reversing-string-in-javascript","result":{"data":{"markdownRemark":{"id":"c169e9bc-7b22-5efd-a8e7-c16b8b87f801","html":"

Lately, I’ve been doing some coding challenge and I saw this problem. This is fairly easy challenge and the common solution to\nthis is something like this

\n
function reverse(s){\n    return s.split("").reverse().join("");\n}
\n

or with ES6 using reduce function

\n
function reverse(s) {\n\n    return s.split('').reduce((reversedString, nextCharacter) => \n        nextCharacter + reversedString\n    , '');\n}
\n

Easy peasy.

\n

After answering this problem, I started searching on Stackoverflow because I’m on curious how others solved this problem.

\n

Then I saw this, https://stackoverflow.com/questions/958908/how-do-you-reverse-a-string-in-place-in-javascript#answer-16776621

\n

It makes my solution and others wrong because of this unicode problem.

\n

So basically if I used my function with this string

\n
reverse('foo 𝌆 bar mañana mañana');
\n

The output will be

\n

\n

With a slight change on my ES6 solution, we can fix this problem by using spread operator because this operator is unicode-aware.

\n

My new solution is now like this

\n
function reverse(s) {\n    return [...s].reduce((reversedString, nextCharacter) => \n        nextCharacter + reversedString\n    , '');\n}
\n

More info:

\n

https://mathiasbynens.be/notes/javascript-unicode

","fields":{"slug":"posts/reversing-string-in-javascript","tagSlugs":["/tag/javascript/","/tag/es-6/","/tag/codingchallenge/","/tag/today-i-learned/"]},"frontmatter":{"date":"2019-03-05T00:00:00.000Z","description":"Lately, I’ve been doing some coding challenge and I saw this problem. This is fairly easy challenge and the common solution to this is something like this...","tags":["Javascript","ES6","codingchallenge","TodayILearned"],"title":"Solving Reverse String in Javascript with ES6"}}},"pageContext":{"slug":"posts/reversing-string-in-javascript"}},"staticQueryHashes":["251939775","401334301","4072520377"]}