Maison > interface Web > js tutoriel > Comment convertir des chaînes en majuscules et minuscules à l'aide de JavaScript (explication graphique et textuelle détaillée)

Comment convertir des chaînes en majuscules et minuscules à l'aide de JavaScript (explication graphique et textuelle détaillée)

yulia
Libérer: 2018-10-29 10:57:31
original
47765 Les gens l'ont consulté

JavaScript est une partie très importante du développement front-end. Il peut réaliser les fonctions de la page. Amis qui apprennent JavaScript, savez-vous comment utiliser JS pour convertir une chaîne minuscule en majuscule ? Cet article vous expliquera la méthode de conversion de casse de chaîne JS. Il a une certaine valeur de référence. Les amis intéressés peuvent y jeter un œil.

1. toLowerCase convertit la chaîne en minuscules

La méthode toLowerCase() en JavaScript peut convertir la chaîne en minuscules, mais elle ne fonctionne pas avec les caractères non alphabétiques. . Il n'y a pas lieu de s'inquiéter de la compatibilité lors de son utilisation, car tous les principaux navigateurs prennent en charge la méthode toLowerCase().

Exemple : utilisez toLowerCase pour convertir la chaîne en minuscules

Description : définissez une chaîne de casse mixte a, utilisez toLowerCase pour la convertir en minuscules, attribuez la valeur de retour à b, utilisez document. write affiche les valeurs de a et b sur la page pour voir la différence. Le code est le suivant :

<script type="text/javascript">
  var a="WATERmelon"
  var b=a.toLowerCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>
Copier après la connexion

Rendu :

Comment convertir des chaînes en majuscules et minuscules à laide de JavaScript (explication graphique et textuelle détaillée)

. Comme le montre la figure, les chaînes deviennent en minuscules après la conversion et toLowerCase ne modifie pas la chaîne d'origine.

2. toUpperCase convertit la chaîne en majuscule

La méthode toUpperCase() peut convertir la chaîne en majuscule, comme toLowerCase, elle n'affecte pas les caractères autres que des lettres. a un impact, et tous les principaux navigateurs prennent en charge la méthode toUpperCase.

Exemple : utilisez toUpperCase pour convertir une chaîne en majuscules

Description : définissez d'abord une chaîne à casse mixte a, utilisez toUpperCase pour convertir la chaîne en majuscule, puis attribuez la valeur à b , utilisez document.write pour afficher les valeurs de a et b sur la page, et voir la différence avant et après la conversion. Le code est le suivant :

<script type="text/javascript">
  var a="absolute"
  var b=a.toUpperCase()
  document.write(a+&#39;<br>&#39;+b)
 </script>
Copier après la connexion

Rendu :

. Comment convertir des chaînes en majuscules et minuscules à laide de JavaScript (explication graphique et textuelle détaillée)

Comme le montre l'image, les chaînes deviennent majuscules après la conversion et oUpperCase ne changera pas la chaîne d'origine.

Ce qui précède présente comment utiliser JavaScript pour convertir des chaînes majuscules et minuscules. Si vous souhaitez convertir une chaîne en minuscules, utilisez la méthode toLowerCase(). Si vous souhaitez convertir une chaîne en majuscules, utilisez toUpperCase (. ), l'explication est plus détaillée et facile à comprendre. Les amis qui n'ont jamais été exposés à la conversion de casse de chaîne doivent la pratiquer par eux-mêmes pour voir si votre code peut obtenir l'effet de conversion de casse. vous. Aidé!

【Tutoriels associés recommandés】

1 Tutoriel vidéo JavaScript
2 Manuel de référence en chinois JavaScript
3. >Tutoriel bootstrap

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal