Beispiel für JavaScript toString - Konvertieren einer Zahl in eine Zeichenfolge in JS und mehr

Manchmal möchten Sie einen Datentyp in einen anderen Datentyp konvertieren, ohne die Werte manuell zu ändern.

Beispielsweise möchten Sie möglicherweise eine Zahl in eine Zeichenfolge konvertieren. JavaScript tut dies manchmal implizit.

Zum Beispiel, wenn Sie den Operator double equals ( ==) verwenden oder wenn Sie versuchen, etwas für einen Wert mit einem Datentyp zu tun, der mit der Operation nicht kompatibel ist. Dies wird als Typenzwang bezeichnet.

Sie können Datentypen jedoch auch explizit konvertieren. Und ich werde Ihnen in diesem Artikel zeigen, wie das geht.

Der String-Datentyp ist ein sehr häufiger Datentyp in JavaScript. Für fast jeden anderen Datentyp benötigen Sie eine Zeichenfolgendarstellung.

So wie Sie etwas Ähnliches gesehen haben müssen, "[object Object]"wenn Sie ein Objekt anstelle einer tatsächlichen Zeichenfolge verwenden.

In diesem Artikel erfahren Sie, was die toStringMethode ist und wie Sie mit dieser Methode eine Zahl (und einige andere Datentypen) in eine Zeichenfolge konvertieren.

Die toStringMethode

Wie der Name schon sagt, wird diese Methode verwendet, um Daten in eine Zeichenfolge zu ändern. Arrays, Zahlen und Boolesche Werte verfügen jeweils über diese Methode, mit der ihre Daten auf verschiedene Arten konvertiert werden. Schauen wir sie uns jetzt einzeln an.

So konvertieren Sie eine Zahl in eine Zeichenfolge

Die toStringMethode existiert für jedes Zahlenliteral. Es konvertiert Zahlen in ihre Zeichenfolgendarstellungen. So wird es verwendet:

const num = 54; console.log(num.toString()) // "54" 

Aber dazu gehört noch mehr. Die toStringMethode für Zahlen akzeptiert auch ein baseArgument. Mit diesem Argument können Sie eine Zahl in eine andere Basis konvertieren.

Der zurückgegebene Wert ist die Zeichenfolgendarstellung der neuen Nummer. So wird es verwendet:

const num = 54; const num2 = num.toString(2); console.log(num2); // "110110" 

parseIntist eine andere JavaScript-Methode, die im Gegensatz dazu Zeichenfolgen in ihre jeweiligen Zahlendarstellungen konvertiert. So funktioniert das:

const numInStr = "54"; const str = "Hello"; console.log(parseInt(numInStr)); // 54 console.log(parseInt(str)); // NaN 

Für eine Variable nicht ähnlich eine Anzahl, parseIntkehrt Nanwie oben zu sehen.

So konvertieren Sie ein Array in eine Zeichenfolge in JavaScript

Arrays haben auch die toStringMethode. Der zurückgegebene Wert dieser Methode ist eine Verkettung aller durch Kommas getrennten Werte des Arrays (und der darin tief verschachtelten Arrays). So wird es verwendet:

const arr = ["javascript", "toString", [1, "deep1", [3, 4, "array"]]]; console.log(arr.toString()); // "javascript,toString,1,deep1,3,4,array" 

So konvertieren Sie ein Objekt in eine Zeichenfolge in JavaScript

Der Rückgabewert von toStringfür ein Objekt ist - so wie Sie es oft gesehen haben - "[object Object]". Zum Beispiel:

const obj = {name: 'Object'}; const obj2 = {type: 'data', number: 100}; console.log(obj.toString()); // [object Object] console.log(obj2.toString()); // [object Object] 

Die Standardkonvertierung von Objekten in Zeichenfolgen ist [object Object]. Beachten Sie, dass es zwei objectgibt und nicht nur einen? Und der andere ist groß geschrieben?

Es gibt weitere Darstellungen für Objekte wie die folgenden:

function print() {}; const arr = []; const obj = {}; console.log( Object.prototype.toString.call(print), Object.prototype.toString.call(arr), Object.prototype.toString.call(obj) ) // [object Function] [object Array] [object Object] 

Funktionen, Arrays, Objekte und sogar Datumsangaben und Regex sind Objekte. Und jeder von ihnen hat die toStringMethode.

Wenn sie toStringaufgerufen werden, wird die Objektklasse erfasst, die der Wert ist, und dann wie oben dargestellt gedruckt ("Funktion, Array, Objekt").

Wir verwenden, call(variable)weil die toStringObjektklasse über die thisEigenschaft abgerufen wird.

Fazit

Die .toStringMethode gibt eine Zeichenfolgenkonvertierung der Daten zurück, für die sie verwendet wird. Dies ist in bestimmten Fällen sehr nützlich, insbesondere in numbers.

In diesem Artikel haben wir gelernt, wie die JavaScript- toStringMethode mit numbers, arrays und objects funktioniert , und wir haben uns auch ein wenig damit befasst parseInt.