Comment transformer le cas de caractère d'une chaîne en javascript

Points de base

• JavaScript fournit des méthodes natives pour convertir le cas des caractères de chaîne, y compris toUpperCase(), toLowerCase() et une fonction de cas de titre personnalisée. Ces méthodes renvoient une nouvelle chaîne sans modifier la chaîne d'origine.
Les méthodes
• toLowerCase() et toUpperCase() sont non seulement utilisées pour la mise en forme des affichages de texte, mais également pour des comparaisons de chaîne fiables, car elles peuvent normaliser le cas de la chaîne comparée.
• Créez une fonction personnalisée pour convertir une chaîne en cas de titre, vous devez diviser la chaîne en un tableau de mots, convertir la première lettre de chaque mot en majuscule et le reste des lettres en minuscules, puis reconnecter le mots dans une chaîne.

Ce didacticiel vous apprendra comment convertir le cas des caractères de chaîne - les cas de majuscules, minuscules et de titre à l'aide de méthodes natives JavaScript.

JavaScript fournit de nombreuses fonctions et méthodes qui vous permettent de manipuler des données à différentes fins. Nous avons récemment examiné les moyens de convertir les chaînes en nombres, les nombres en chaînes ou nombres ordinaux, et des chaînes divisées. Cet article présentera comment convertir les caractères de chaîne en majuscules et en minuscules - ceci est utile pour représenter des chaînes dans un format spécifique ou pour des comparaisons de chaînes fiables.

Convertir la chaîne en minuscules

Si des chaînes minuscules sont nécessaires, vous pouvez utiliser la méthode toLowerCase() disponible sur la chaîne. Cette méthode renvoie une chaîne dans laquelle tous les caractères sont minuscules.

Exemple:

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"

En utilisant la méthode str pour la variable toLowerCase(), la même chaîne avec tous les caractères en minuscules peut être récupérée. Notez que la nouvelle chaîne retournée n'affectera pas la valeur de str.

Convertir la chaîne en majuscules

Si vous voulez une chaîne de capital, vous pouvez utiliser la méthode toUpperCase() disponible sur la chaîne. Cette méthode renvoie une chaîne avec tous les caractères en majuscules.

Exemple:

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"

En utilisant la méthode str pour la variable toUpperCase(), la même chaîne avec tous les caractères capitalisées peut être récupérée. Notez que la nouvelle chaîne retournée n'affectera pas la valeur de str.

Convertir la chaîne en cas de titre

Le cas d'utilisation le plus courant pour la conversion des chaînes est de les convertir en cas de titre. Cela peut être utilisé pour afficher les noms et les titres.

Il existe différentes façons de le faire. Une façon consiste à utiliser la méthode toUpperCase() pour convertir le premier caractère de la chaîne, puis le concaténer avec le reste de la chaîne. Par exemple:

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"

Dans cet exemple, le premier caractère est récupéré à l'aide de l'index 0 de la variable str. Ensuite, utilisez la méthode toUpperCase() pour la convertir en majuscules. Enfin, utilisez la méthode substr() pour récupérer le reste de la chaîne et concaténer le reste de la chaîne avec la première lettre. Appliquez toLowerCase() au reste de la chaîne pour vous assurer qu'il est minuscule.

Cela ne convertira que la première lettre du mot pour capitaliser. Cependant, dans certains cas, s'il y a une phrase, vous voudrez peut-être convertir chaque mot de la phrase pour capitaliser. Dans ce cas, il est préférable d'utiliser une fonction comme celle-ci:

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"

La fonction

toTitleCase() accepte un paramètre, c'est-à-dire une chaîne à convertir en cas de titre.

Dans la fonction, vérifiez d'abord si la chaîne est vide, et si oui, renvoyez une chaîne vide.

Ensuite, divisez la chaîne sur le séparateur d'espace, qui renverra un tableau. Après cela, utilisez la méthode map sur le tableau pour appliquer la transformation que vous avez vue dans l'exemple précédent à chaque élément du tableau. Cela convertit chaque mot en cas de titre.

Enfin, utilisez le même séparateur d'espace pour concaténer les éléments du tableau dans une chaîne et le renvoyer.

Exemple en ligne

Dans la démonstration de codepen ci-dessous, vous pouvez essayer les fonctions de toLowerCase() et toUpperCase(). Lorsqu'une chaîne est entrée dans l'entrée, elle est convertie en majuscules et en minuscules et affichées. Vous pouvez essayer d'utiliser des caractères avec des cartes supérieures et minuscules différentes dans une chaîne.

[lien de démonstration de codepen (le code intégré de codepen doit être inséré ici)]

Changer le cas de caractères pour la comparaison des chaînes

Dans de nombreux cas, vous devez comparer les chaînes avant d'exécuter un bloc de code. Si vous n'avez aucun contrôle sur la façon dont les chaînes sont écrites, la comparaison des chaînes sans forcer aucun cas de caractère peut conduire à des résultats inattendus.

Exemple:

const str = 'hello';
console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); // "Hello"

Si l'utilisateur entre oui au lieu de oui dans l'entrée, la condition d'égalité échouera et une alerte incorrecte sera affichée.

Vous pouvez résoudre ce problème en forçant le cas de caractère de la chaîne:

function toTitleCase(str) {
  if (!str) {
    return '';
  }
  const strArr = str.split(' ').map((word) => {
    return word[0].toUpperCase() + word.substring(1).toLowerCase();
  });
  return strArr.join(' ');
}

const str = 'hello world';
console.log(toTitleCase(str)); // "Hello World"

Conclusion

Apprendre à convertir le cas de caractère d'une chaîne en JavaScript est nécessaire. Vous devez souvent l'utiliser pour de nombreux cas d'utilisation, tels que l'affichage des chaînes dans un format spécifique. Vous pouvez également l'utiliser pour comparer de manière fiable les chaînes.

Forcer le cas de caractère de la chaîne que vous comparez pour vous assurer que vous pouvez vérifier si le contenu des chaînes est égal, quelle que soit la façon dont ils sont écrits.

(un contenu supplémentaire à la fin de l'article doit être ajouté ici, tels que les FAQ, etc., complétés selon le texte d'origine)

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!