50 shades of JavaScript: 50 of the most interesting features, concepts, and patterns in JavaScript. by Krasimir Tsonev

Author:Krasimir Tsonev [Tsonev, Krasimir]
Language: eng
Format: azw3, epub, pdf
Published: 2021-11-27T00:00:00+00:00

const arr = ['BE:Node', 'BE:PHP', 'FE:HTML', 'BE:Python', 'FE:CSS']; const arrFiltered = arr.filter(i => i.startsWith('FE:')); function getText(items) { const str = `Front-end: ${items.map(i => i.replace(/^FE:/, '')).join(', ')}` return str; } getText(arrFiltered); // Front-end: HTML, CSS

This code is not bad but what if we change the naming a bit:

const languages = ['BE:Node', 'BE:PHP', 'FE:HTML', 'BE:Python', 'FE:CSS']; const FELanguages = languages.filter(lang => lang.startsWith('FE:')); function formatLanguagesText(languages) { const str = `Front-end: ${ languages.map(lang => lang.replace(/^FE:/, '')).join(', ') }` return str; } formatLanguagesText(FELanguages); // Front-end: HTML, CSS

arr and arrFiltered constants are just too generic and will quickly lose meaning. getText function is indeed about generating a string, but again it doesn’t bring enough context. So, languages, FELanguages and formatLanguagesText are a bit longer but give a better idea of what we mean with this code.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.