JavaScript équivalent de Printf ou String.Format

Cet article décrira les alternatives de printf ou String.Format en JavaScript.

printf est une fonction que nous utilisons dans la plupart des langages de programmation comme C, PHP et Java. Cette fonction de sortie standard vous permet d’imprimer une chaîne ou une instruction sur la console.

Mais en JavaScript, nous ne pouvons pas utiliser printf, nous avons donc besoin de ses alternatives, dont nous parlerons ici. En dehors de cela, nous utilisons parfois les spécificateurs de format pour personnaliser le format de sortie.

Utiliser console.log() en JavaScript

Une option ici consiste à utiliser console.log pour imprimer quelque chose sur la console. Cela a été rendu disponible après la mise à jour ES6, et son fonctionnement est assez familier avec le fonctionnement de printf.

console.log est très simple et est certainement le plus courant chez les développeurs. Examinons le segment de code suivant pour comprendre le fonctionnement de console.log en JavaScript.

function example() {
  let i = 5;
  console.log(i);
}
example();

Nous avons déclaré une variable en utilisant le mot-clé let dans ce segment de code et l’avons imprimé sur la console. Ainsi, nous utilisons console.log(i) pour récupérer la valeur de la variable i et l’afficher sur l’écran de la console.

Si nous voulons imprimer une chaîne ou un texte aléatoire, nous pouvons utiliser console.log de la manière suivante :

function example() {
  console.log('Hello');
}
example();

Dans ce segment de code, comme vous pouvez le voir, nous avons utilisé le console.log et entré le texte que nous voulions imprimer dans le '. C’est comment imprimer des éléments de texte normaux en utilisant console.log en JavaScript.

Cela montre que console.log est l’alternative la plus simple et la plus facile à printf. Mais si vous souhaitez personnaliser le format de la sortie, nous pouvons créer un prototype personnalisé pour créer la fonctionnalité String.Format.

Nous pouvons voir le segment de code suivant comme exemple :

String.prototype.format = function() {
  var args = arguments;
  return this.replace(/{(\d+)}/g, function(match, number) {
    return typeof args[number] != 'undefined' ? args[number] : match;
  });
};
console.log(
    '{0} was used as placeholder, furthermore {1} is used as the second argument {0} {2}'
        .format('C language', 'C sharp'));

Nous avons créé une fonction prototype personnalisée attachée à chaque objet de chaîne JavaScript dans ce segment de code. Ce que fait la fonction de formatage, c’est qu’elle prend la chaîne et recherche {} et remplace le nombre à l’intérieur par l’argument fourni à cet index.

Donc {0} est remplacé par C language et {1} est remplacé par C sharp. Mais {2} reste tel quel car nous n’avons fourni aucun argument pour l’espace réservé {2}.

Et si vous fournissez le troisième argument, le crochet {2} est remplacé par le troisième argument. Cela vous a peut-être aidé à comprendre la fonction personnalisée String.prototype.format.