Javascript Première Lettre Majuscule

| | | | | | | | | |

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

  1. Respectez l`invite. Notez ou surlignez tous les mots-clés que vous pouvez trouver dans le libellé.
  2. 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.
  3. 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.

Continuer. Dans ces solutions, les cas de pointe ne sont pas traités. Que faire si votre sujet est vide ou s`il s`agit d`un nombre ? Essayez d`ajouter au code ci-dessus en traitant ces cas limites

Astuce  :. Utilisez un point/point d`exclamation pour déterminer conditionnellement si str existe. Consultez les documents MDN pour savoir s`il existe un moyen de trouver le type de quelque chose quand vous ne savez pas nécessairement ce que c`est.

une chose  : essayez inverser les chaînes de défi javascript si vous ne l`avez pas déjà fait

Autres ressources à considérer :

Utilisation d`expressions régulières dans Ruby - Ceci est dédié à Ruby, mais l`expression régulière est souvent indépendante du langage - rapide ` Recherchez plus d`informations sur la syntaxe RegExp dans Solution # 1. 3.

Remplacer du texte par JavaScript : un guide étape par étape - Un tutoriel dédié à la méthode de remplacement, utilisée dans la solution n. 1.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method