Exemple JavaScript toString - Comment convertir un nombre en chaîne dans JS et plus

Parfois, vous souhaitez convertir un type de données en un autre type de données sans modifier les valeurs manuellement.

Par exemple, vous souhaiterez peut-être convertir un nombre en chaîne. JavaScript fait parfois cela implicitement.

Comme lorsque vous utilisez l'opérateur double equals ( ==), ou lorsque vous essayez de faire quelque chose sur une valeur avec un type de données incompatible avec l'opération. C'est ce qu'on appelle la coercition de type.

Cela dit, vous pouvez également convertir les types de données explicitement. Et je vais vous montrer comment faire cela dans cet article.

Le type de données chaîne est un type de données très courant en JavaScript. Pour presque tous les autres types de données, vous devez avoir une représentation sous forme de chaîne.

Tout comme vous devez avoir vu quelque chose de similaire "[object Object]"lorsque vous utilisez un objet à la place d'une chaîne réelle.

Dans cet article, nous allons découvrir quelle est la toStringméthode et comment convertir un nombre (et quelques autres types de données) en chaîne à l'aide de cette méthode.

La toStringméthode

Comme son nom l'indique, cette méthode est utilisée pour changer les données en chaîne. Les tableaux, les nombres et les booléens ont chacun cette méthode qui convertit leurs données de différentes manières. Regardons-les individuellement maintenant.

Comment convertir un nombre en chaîne

La toStringméthode existe sur chaque littéral numérique. Il convertit les nombres en leurs représentations sous forme de chaîne. Voici comment il est utilisé:

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

Mais il y a plus à cela. La toStringméthode des nombres accepte également un baseargument. Cet argument vous permet de convertir un nombre en une autre base.

La valeur renvoyée est la représentation sous forme de chaîne du nouveau nombre. Voici comment il est utilisé:

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

parseIntest une autre méthode JavaScript qui, en revanche, convertit les chaînes en leurs représentations numériques respectives. Voilà comment cela fonctionne:

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

Pour une variable qui ne ressemble pas à un nombre, parseIntrenvoie Nancomme indiqué ci-dessus.

Comment convertir un tableau en chaîne en JavaScript

Les tableaux ont également la toStringméthode. La valeur renvoyée de cette méthode est une concaténation de toutes les valeurs du tableau (et des tableaux imbriqués en profondeur) séparées par des virgules. Voici comment il est utilisé:

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

Comment convertir un objet en chaîne en JavaScript

La valeur de retour de toStringsur un objet est - comme vous l'avez souvent vu - "[object Object]". Par exemple:

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

La conversion par défaut des objets en chaîne est [object Object]. Remarquez qu'il y en a deux objectet pas un seul? Et l'autre est capitalisé?

Il y a plus de représentations pour les objets comme ce qui suit:

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] 

Les fonctions, les tableaux, les objets et même les dates et les expressions régulières sont tous des objets. Et chacun d'eux a la toStringméthode.

Lorsqu'on les toStringappelle, il saisit la classe d'Object dont la valeur est, puis l'imprime comme vous le voyez ci-dessus ("Fonction, Tableau, Objet).

Nous utilisons call(variable)parce que le toStringobtient la classe d'objet via la thispropriété.

Conclusion

La .toStringméthode renvoie une conversion de chaîne des données sur lesquelles elle est utilisée. Ceci est très utile dans certains cas, notamment l' numberart.

Dans cet article, nous avons appris comment la toStringméthode JavaScript fonctionne avec numbers, arrays et objects et nous avons également examiné un peu parseInt.