JavaFormat de chaîne de script : méthodes avec des EXEMPLES

Par : James Hartmann James Hartmann
Hours Le kit de préparation mis à jour

Qu'est-ce que le JavaFormat de chaîne de script ?

JavaLe format de chaîne de script fait référence aux approches qui peuvent être utilisées pour manipuler et formater des chaînes sous une forme définie. Il s'agit d'une fonctionnalité essentielle de tout langage de programmation qui vous permet de contrôler le texte qui apparaît dans votre application.

Dans votre JavaLe code de script et le formatage de chaîne peuvent transformer des données complexes de manière simple. Il améliore également la lisibilité de la sortie et rend le code plus facile à maintenir. De plus, un formatage correct JavaLes chaînes de script peuvent également jouer un rôle dans l’amélioration de l’expérience utilisateur de l’application.

Comment formater des chaînes dans JavaScénario?

Pour formater une chaîne dans JavaScript, suivez les étapes fournies :

Étape 1) Tout d’abord, il est nécessaire de déterminer les données que vous souhaitez inclure dans la chaîne.

Étape 2) Ensuite, sélectionnez une méthode pour formater la chaîne dans JS.

Étape 3) Écrivez le code pour son implémentation en conséquence.

Étape 4) Testez le code pour vous assurer qu’il génère le résultat attendu.

Étape 5) Mettez à jour ou modifiez le code pour répondre aux besoins ou exigences de formatage supplémentaires.

Étape 6) Refactorisez le code pour plus de maintenabilité et de lisibilité.

Différentes méthodes de formatage de chaîne dans Javascénario

Il existe plusieurs façons de formater des chaînes dans JavaScript, comprenant des opérateurs de concaténation, des littéraux de modèle, des expressions régulières, etc.

Dans la section suivante, vous explorerez les approches suivantes :

  • {} Brackets avec des backticks
  • "+" Operator
  • Formatage de chaîne de fonction personnalisée
  • Opérateur de concaténation
  • Littéraux de modèle
  • Expression régulière
  • Fonction personnalisée
  • Opérateur ternaire

Méthode 1 : utiliser {} Brackets avec des backticks pour formater la chaîne dans Javascénario

Dans cette méthode, vous pouvez utiliser modèle littéraux en ajoutant recule (`) pour entourer une chaîne. Ensuite, insérez les variables des arguments de chaîne entre parenthèses {} précédées du signe dollar « $ ». Ces modèles vous permettent d'incorporer des expressions dans une chaîne littérale.

Cette opération permet de concaténer des variables appelées espaces réservés et d'autres valeurs définies. Par conséquent, la chaîne formatée finale est obtenue en interpolant les valeurs des espaces réservés.

Par exemple, nous avons créé deux variables, "Le nom" et "ça", puis les avez entourés de guillemets pour générer la sortie formatée. Notez que le «${}La syntaxe " est utilisée pour intégrer les expressions avec la chaîne.

Code:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

On peut observer que les valeurs du « nom » et de « l'identifiant » de l'espace réservé ont été affichées, ce qui signifie que l'interpolation de chaîne a été effectuée avec succès.

Sortie :

Welcome Jenny, your ID is 1

ARTICLES LIÉS

Méthode 2 : utiliser + Operapour formater la chaîne dans Javascénario

La deuxième approche consiste à utiliser le Opérateur de concaténation "+" pour les chaînes de formatage de base dans JavaScript. Cette méthode consiste à concaténer les variables et les chaînes individuelles ensemble pour générer la sortie souhaitée.

Par exemple, nous avons maintenant utilisé l'opérateur « + » pour concaténer les mêmes valeurs de variables, et la méthode « console.log() » renverra une chaîne formatée sur la console.

Code:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

Sortie :

Welcome Jenny, your ID is 1

Méthode 3 : formatage de chaîne de fonction personnalisée dans Javascénario

Dans votre JavaProgramme de script, vous pouvez également utiliser l'approche de formatage de chaîne de fonctions personnalisée. Dans cette technique, la fonction accepte les variables souhaitées et renvoie la chaîne formatée. Cette fonction de formatage offre également beaucoup de flexibilité. Vous pouvez également l'utiliser pour répondre à des exigences de formatage personnalisées ou complexes.

Ici, nous avons créé une fonction de format personnalisée nommée «bienvenueMsg()" qui accepte deux variables "Le nom" et "id" comme arguments et génère des chaînes formatées en utilisant les littéraux de chaîne du modèle.

Après cela, nous avons défini les variables souhaitées et les avons transmises dans le format d'appel de fonction de formation personnalisé.

Code:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

Sortie :

Welcome Jenny, your ID is 1

Méthode 4 : Utilisation de la concaténation pour la chaîne de format dans Javascénario

Enchaînement est une méthode simple utilisée pour formater des chaînes dans JavaScript. Cette approche consiste à combiner des variables de chaîne ou plusieurs chaînes ensemble à l'aide de l'opérateur de concaténation «+». Vous pouvez également utiliser cette technique pour des tâches simples de concaténation de chaînes.

Dans l'exemple fourni, les variables «Prénom" et "nom de famille» sera concaténé à l'aide de l'opérateur « + » pour former le «nom et prénom" chaîne comme suit.

Code:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

Sortie :

Alex Edward

Méthode 5 : Utilisation de littéraux de modèle pour la chaîne de format dans Javascénario

Chaînes de modèle qui sont également connus sous le nom de Littéraux de modèle offrent une manière plus expressive et avancée de formater des chaînes dans JavaScript. Ils permettent l'intégration directe d'expressions et les variables dans la chaîne en utilisant l'espace réservé "${expression} ».

De plus, le modèle littéral prend également en charge les chaînes multilignes.

Code:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

Dans l’exemple ci-dessus, nous avons directement interpolé la variable «Le nom" et "âge" dans la chaîne en utilisant les espaces réservés "${}" dans les guillemets (`) des littéraux du modèle.

Sortie :

Hi, Alex! You are 30 years old.

Méthode 6 : utilisation d'expressions régulières pour formater une chaîne Javascénario

In JavaCode de script, Expressions régulières sont l'outil robuste utilisé pour la manipulation de chaînes et la correspondance de modèles. De plus, ils sont également utilisés pour trouver le modèle donné et les remplacer par des valeurs définies. Cette opération peut être effectuée à l'aide du "remplacer ()" méthode.

Découvrez le programme ci-dessous, la méthode replace() est utilisée avec deux expressions régulières qui remplaceront les espaces réservés "[Nom]" et "[identifiant]» avec la valeur correspondante.

Code:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

Il en résulte un nouvel objet chaîne qui sera stocké dans le répertoire «message" variable enregistrée sur la console en sortie.

Sortie :

Welcome Jenny. Your ID is 1

Méthode 7 : utilisation d'une fonction personnalisée pour formater la chaîne dans Javascénario

Vous pouvez également créer un format de chaîne plus réutilisable et personnalisé dans JavaScript. Pour ce faire, définissez un nouveau fonction personnalisée qui accepte une chaîne et d'autres paramètres. Vous pouvez l'appeler pour remplacer des espaces réservés ou appliquer des règles de formatage personnalisées. Cette technique prend également en charge le formatage personnalisé dans des scénarios de formatage complexes.

Ici, nous avons créé un nouveau format de fonction personnalisé nommé «chaîne de format" qui accepte un "string" et "params"(tableau de paramètres) comme arguments.

Au sein du corps de la fonction, nous avons invoqué le « remplacer ()" méthode avec une expression régulière pour remplacer les espaces réservés "{0}, {1}" avec leurs valeurs respectives du tableau de paramètres.

Code:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg);

Sortie :

Hi, Alex! You are 30 years old.

Méthode 8 : utilisation de Ternary Operapour formater la chaîne dans Javascénario

Javascénario Opérateur ternaire est un raccourci pour écrire des expressions conditionnelles sur des chaînes. Cependant, il peut également être utilisé pour le formatage de chaîne en sélectionnant conditionnellement l'une des deux valeurs en fonction de l'expression booléenne spécifiée et en renvoyant la chaîne.

syntaxe:

condition ? expressionIfTrue : expressionIfFalse

Jetez un œil à cet exemple de code d'utilisation d'un opérateur ternaire pour formater en un objet chaîne.

Code:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

Sortie :

Welcome Jenny, you are an admin

Ici, nous avons défini deux variables »Le nom" et "estAdmin" avec les valeurs "Jenny" et "oui", respectivement.

Après cela, nous avons utilisé l'opérateur ternaire pour ajouter conditionnellement la chaîne «, vous êtes un administrateur» à la chaîne du message si la valeur du paramètre facultatif « isAdmin » est vraie, comme indiqué ci-dessus.

Comparaison de JavaMéthodes de formatage de chaîne de script

Ici, nous avons répertorié les avantages et les inconvénients des solutions évoquées ci-dessus. JavaMéthodes de formatage de chaîne de script :

Méthode Avantages Désavantages
Brackets {} avec des guillemets (`) • Facile à utiliser.
• Code concis et lisible. 		Cela peut ne pas être approprié pour des exigences de formatage plus complexes.
Opérateur « + » Facile à comprendre. Peut être inefficace pour des exigences de formatage plus complexes.
Fonction personnalisée pour le formatage de chaîne Offre beaucoup de flexibilité. Nécessite plus d’efforts de codage.
Enchaînement Operator Simple et largement pris en charge. Encombrant pour le formatage de chaînes complexes.
Littéraux de modèle • Prend en charge les chaînes multilignes.
• Readable et Syntaxe intuitive. 		Contrôle limité sur les options de formatage.
Expressions régulières Offrent beaucoup de flexibilité. Mise en œuvre et maintenance différentes par rapport aux autres méthodes.
Fonction personnalisée Offre beaucoup de flexibilité. Nécessite un codage supplémentaire pour créer et maintenir une fonction personnalisée.
Opérateur ternaire Manière concise de gérer les valeurs nulles ou non définies. Il se peut qu'il ne soit pas adapté aux exigences de formatage plus complexes.

Notez que le choix de la méthode dépend fortement du cas d'utilisation spécifique et des exigences pertinentes de votre JavaCode de script.

Conclusion

In Javascénario, vous pouvez utiliser des littéraux de modèle, l'opérateur ternaire, "+", les expressions régulières et la fonction personnalisée pour formater les chaînes. Ces méthodes de formatage de chaîne permettent aux développeurs de manipuler et de présenter des données textuelles de manière efficace.

Ainsi, sélectionnez la bonne méthode en fonction de la lisibilité, des performances et de la compatibilité du navigateur. Il permet aux développeurs d'améliorer l'expérience utilisateur et d'atteindre les normes de formatage souhaitées.

Résumez cet article avec :