JavaScript entspricht Printf oder String.Format

Dieser Artikel beschreibt die Alternativen von printf oder String.Format in JavaScript.

printf ist eine Funktion, die wir in den meisten Programmiersprachen wie C, PHP und Java verwenden. Mit dieser Standardausgabefunktion können Sie einen String oder eine Anweisung auf der Konsole ausgeben.

Aber in JavaScript können wir printf nicht verwenden, also brauchen wir seine Alternativen, die wir hier besprechen werden. Abgesehen davon verwenden wir manchmal die Formatbezeichner, um das Ausgabeformat anzupassen.

Verwendung von console.log() in JavaScript

Eine Möglichkeit ist hier, mit console.log etwas auf der Konsole auszudrucken. Dies wurde nach dem ES6-Update zur Verfügung gestellt, und seine Funktionsweise ist mit der Funktionsweise von printf vertraut.

console.log ist sehr einfach und unter Entwicklern sicherlich am weitesten verbreitet. Sehen wir uns das folgende Codesegment an, um die Funktionsweise von console.log in JavaScript zu verstehen.

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

Wir haben in diesem Codesegment eine Variable mit dem Schlüsselwort let deklariert und auf der Konsole ausgegeben. Also verwenden wir console.log(i), um den Wert der Variablen i abzurufen und auf dem Konsolenbildschirm auszugeben.

Wenn wir eine Zeichenfolge oder einen zufälligen Text drucken möchten, können wir console.log auf folgende Weise verwenden:

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

In diesem Codesegment haben wir, wie Sie sehen können, die Datei console.log verwendet und den Text, den wir drucken wollten, innerhalb des ' eingegeben. So drucken Sie normale Textelemente mit console.log in JavaScript.

Das zeigt, dass console.log die einfachste und unkomplizierteste Alternative zu printf ist. Wenn Sie jedoch das Format der Ausgabe anpassen möchten, können wir einen benutzerdefinierten Prototyp erstellen, um die Funktionalität String.Format zu erstellen.

Als Beispiel sehen wir folgendes Codesegment:

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'));

Wir haben eine benutzerdefinierte Prototypfunktion erstellt, die an jedes JavaScript-String-Objekt in diesem Codesegment angehängt ist. Was die Formatfunktion tut, ist, dass sie die Zeichenfolge nimmt und nach {} sucht und die darin enthaltene Zahl durch das Argument ersetzt, das an diesem Index bereitgestellt wird.

Also wird {0} durch C language und {1} durch C sharp ersetzt. Aber {2} bleibt wie es ist, da wir kein Argument für den Platzhalter {2} angegeben haben.

Und wenn Sie das dritte Argument angeben, wird die Klammer {2} durch das dritte Argument ersetzt. Es könnte Ihnen geholfen haben, die benutzerdefinierte Funktion String.prototype.format zu verstehen.