Maison > interface Web > js tutoriel > JavaScript change la casse d'une string_javascript astuces

JavaScript change la casse d'une string_javascript astuces

WBOY
Libérer: 2016-05-16 16:00:36
original
1551 Les gens l'ont consulté

JavaScript fournit deux méthodes pour convertir une chaîne en majuscules ou en minuscules, de sorte que "hello" puisse être remplacé par "HELLO", ou "NOT" puisse être remplacé par "not". Vous vous demandez peut-être pourquoi ? Convertit les lettres d'une chaîne dans la même casse, ce qui peut faciliter la comparaison de deux chaînes. Par exemple, supposons que vous créiez un programme de quiz et que la question soit « Qui a été le premier Américain à remporter le Tour de France ? » Vous pouvez utiliser un code similaire au suivant pour vérifier les réponses des participants :

var correctAnswer='Greg LeMond';
var response=prompt('Who was the first American to win the Tour De8
France?','');
if(response==correctAnswer){
//correct
}else{
//incorrect
}
Copier après la connexion

La réponse est Greg LeMond, mais que se passera-t-il si la personne qui répond à la question entre Greg Lemond ? La condition ressemble à ceci : 'Greg Lemond'=='Greg LeMond'. Étant donné que JavaScript est sensible à la casse, le « m » minuscule dans Lemond ne correspondra pas au « M » dans LeMond. Par conséquent, les participants peuvent obtenir des réponses incorrectes. Si le participant appuie sur la touche Caps et entre GREG LEMOND, le même résultat sera obtenu.

Pour résoudre ce casse-tête, nous pouvons convertir les deux chaînes dans le même cas, puis les comparer :

if(response.toUpperCase()==correctAnswer.toUpperCase()){
//correct
}else{
//incorrect
}
Copier après la connexion

Dans cet exemple, le conditionnel convertit à la fois la réponse du participant et la réponse correcte en lettres majuscules, donc « Greg Lemond » devient « GREG LEMOND » et « Greg LeMond » devient « GREG LEMOND ».

Pour obtenir une chaîne entièrement en minuscules, utilisez la méthode toLowerCase() comme ceci :

var answer='Greg LeMond';
alert(answer.toLowerCase());//'greg lemond'
Copier après la connexion

Notez qu'aucune de ces méthodes ne modifie réellement la chaîne réellement stockée dans la variable, elles renvoient simplement la chaîne en majuscules ou en minuscules. Ainsi, dans l'exemple ci-dessus, même après l'apparition de l'invite, la réponse contient toujours « Greg LeMond » (ils renvoient une autre valeur).

toLowerCase() et toUpperCase() sont deux méthodes classiques, empruntées à la méthode du même nom dans java.lang.String. Les méthodes toLocaleLowerCase() et toLocaleUpper() sont des implémentations pour des régions spécifiques. Pour certaines régions, la méthode spécifique à la région donne les mêmes résultats que la méthode universelle, mais quelques langues appliquent des règles spéciales pour la conversion de casse Unicode. Dans ce cas, la méthode spécifique à la région doit être utilisée pour garantir une conversion correcte.

Voici quelques exemples :

var sv="hello world";
alert(sv.toLocaleUpperCase());//"HELLO WORLD"
alert(sv.toUpperCase());//"HELLO WORLD"
alert(sv.toLocaleLowerCase());//"hello world"
alert(sv.toLowerCase());//“hello world”
Copier après la connexion

Les toLocaleUpperCase() et toUpperCase() utilisés dans le code ci-dessus renvoient tous deux "HELLO WORLD", tout comme les appels à toLocaleLowerCase() et toLowerCase() renvoient tous deux "hello world". De manière générale, si vous ne savez pas dans quel environnement linguistique votre code s'exécutera, il est plus sûr d'utiliser une approche spécifique à une région.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

É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