Javascript Première Lettre Majuscule

Michael Zippo 04.11.2021

Il existe de nombreux défis de code pour débutants qui vous aideront à commencer à penser davantage comme un ingénieur. L`un de ces défis consiste à mettre en majuscule la première lettre de chaque mot d`une chaîne donnée. Dans cet article, nous allons examiner l`invite et plusieurs solutions possibles en JavaScript.

Étant donné une fonction, capitalize, qui inclut str comme paramètre, renvoie cette str avec chaque mot en majuscule. Essayez de penser aux cas de pointe dans votre solution (pas en tant qu`entrée, mauvais type d`entrée, etc.).

Approche

Respectez l`invite. Notez ou surlignez tous les mots-clés que vous pouvez trouver dans le libellé.
Combinez le sens du mot problème. Une partie de la partie la plus difficile des défis de code consiste à essayer de comprendre ce que le problème vous demande de faire. Comprendre le problème vous aidera à faire beaucoup pour le résoudre.
une solution de pseudocode possible. Il n`est pas nécessaire que ce soit le code réel (il n`est pas nécessaire qu`il soit exécutable dans votre IDE ou votre navigateur de console - un anglais simple convient) :

Résolvez soigneusement le problème étape par étape. Cela vous aidera à penser aux cas de pointe - les cas où une entrée incorrecte ou une chaîne vide peut être transmise - et à la manière de décomposer le problème en étapes logiques. Il s`agit essentiellement de votre phase d`expérimentation - il n`y a pas de mauvaises réponses, juste des réflexions sur la façon d`aborder le problème. Ces pensées peuvent être trompeuses ou erronées - c`est ainsi que vous découvrez les approches gagnées pour résoudre un problème

J`ai trouvé que si je peux le décomposer en expliquant à haute voix, la logique est plus facile. Votre kilométrage peut varier en fonction de votre approche, mais je voulais au moins suggérer au cas où cela fonctionnerait pour vous ! Le surnom d`un petit problème comme celui-ci semble un peu exagéré, mais si vous pratiquez le concept maintenant, il vous sera plus facile de travailler sur des problèmes beaucoup plus difficiles.

Les solutions

Solution n°1 : split() et loop avec les méthodes String.replace() et charAt()

leave = capitalize (str) => {= stop leave str.split (``); for (soit i = 0; i

Dans cette première solution, nous divisons la chaîne sur ses espaces. Cela nous donne un arr chaque mot unique comme son index. La boucle sur le tableau nous donne la possibilité d`accéder aux indices personnels de chaque chaîne. Nous avons réaffecté la chaîne (la chaîne dans ce cas est arr [i]) à l`index i suite au remplacement de la chaîne à l`index 0 (arr [i] .charAt (0) par sa valeur en majuscule. Arr dans une chaîne avec des espaces entre chacun des mots

Solution n°2 : scinder avec la méthode map et trancher

Dans cette solution, nous commençons de manière très similaire, mais nous utilisons une méthode de tableau ES6 appelée boucle de carte à travers le réseau et le retour de nouvelles valeurs ‚Äã‚Äãqui mettent en majuscule le premier caractère de chaque mot. Il le fait en définissant explicitement ce que nous ferons avec le toUpperCase () pour la première lettre, le slice () pour le reste de la chaîne, et les chaînes concaténer pour obtenir la nouvelle version du mot. Ensuite, nous fusionnons le tableau et le renvoyons

Solution n ¬∞ 3 : expressions régulières

allow lever = (str) => {let regex = / (^ | s) S / g return str.replace (regex, letter => letter.toUpperCase ()); } Laissez root = document.getElementById (`root`); root.innerHTML = JSON.stringify (capitaliser (un renard brun rapide a sauté sur un chien paresseux ‚Äã‚Äã`) );

Dans cette solution, nous utilisons une expression régulière pour trouver tous les caractères non blancs (S) au début de la chaîne (^ ) ou après un ou des espace(s). L`indicateur g à la fin signifie global et permet de retrouver toutes les instances de ce modèle. Ensuite, nous utilisons la méthode de remplacement pour remplacer ce modèle regex par une fonction qui prend cette lettre et la renvoie en majuscule.

réflexions finales

Ces solutions ne sont en aucun cas les seules solutions à ce problème .. Très probablement, au fur et à mesure que vous commencerez à en faire plus, vous trouverez des solutions qui peuvent ou non être différentes de celles présentées par un article ou un blog. C`est une bonne chose. Cela signifie que vous commencez à penser comme un ingénieur - et c`est le but.

Javascript Première Lettre Majuscule

Approche

Les solutions

Solution n°1 : split() et loop avec les méthodes String.replace() et charAt()

Solution n°2 : scinder avec la méthode map et trancher

Solution n ¬∞ 3 : expressions régulières

réflexions finales

Autres ressources à considérer :

Shop

News

Wiki