Conseil rapide: comment convertir un nombre en une chaîne en javascript

Les plats clés

• JavaScript fournit quatre façons de convertir un nombre en un nombre d'interpolation String: String, de concaténation de chaîne, de la méthode TOSTRING () et de la fonction de constructeur String (). Le choix de la méthode dépend des besoins spécifiques et du cas d'utilisation.
• L'interpolation de chaîne et la concaténation des chaînes sont mieux utilisées lors de l'incorporation de nombres dans une chaîne. Cependant, ces méthodes peuvent rendre le code moins lisible, en particulier avec la concaténation des chaînes qui peut conduire à des résultats inattendus lorsqu'ils sont utilisés avec plus d'un nombre.
• La principale différence entre l'utilisation de String () et ToString () est que String () fonctionne avec des valeurs non définies et nuls, contrairement à ToString (). Par conséquent, s'il y a une chance qu'une valeur puisse être non définie ou nul, il est plus sûr d'utiliser String ().

JavaScript est assez flexible et offre de nombreuses façons différentes de convertir entre les types de données. Dans ce court tutoriel, nous allons voir comment vous pouvez convertir un numéro en une chaîne en JavaScript. Vous voudrez peut-être le faire afin de rendre les données numériques plus lisibles pour les utilisateurs - par exemple, afficher le numéro dans le cadre d'une phrase. Ce tutoriel explore quatre façons de convertir un nombre en une chaîne en JavaScript. Nous recommandons différentes approches en fonction de vos besoins spécifiques et de votre cas d'utilisation:

• Interpolation de chaîne: lors de l'insertion d'une valeur de nombre dans une chaîne. Par exemple, afficher du texte sur une page Web comme «Vous avez utilisé 7 crédits sur 24». Vous pouvez également utiliser la concaténation mais méfiez-vous.
• chaîne ou toString (): lors de la modification du type d'une valeur de nombre en une chaîne. Par exemple, l'utilisation des nombres comme entrées avec des fonctions ou des API qui attendent une chaîne. La chaîne et le toString () sont principalement les mêmes mais traitent différemment les variables non définies et nulles.

Vous pourriez également être intéressé à convertir une chaîne en un nombre si vous cherchez à effectuer l'action opposée.

Convertir un nombre en une chaîne en utilisant l'interpolation

L'interpolation est probablement le moyen le plus lisible d'utiliser des nombres dans les chaînes. Au lieu de convertir manuellement le nombre en une chaîne, vous pouvez l'insérer en une chaîne en utilisant cette méthode. Pour utiliser l'interpolation, enveloppez une chaîne avec des backticks (`) au lieu de guillemets (" ou '). Ensuite, dans la chaîne, vous pouvez insérer n'importe quelle variable en utilisant' $ {} `en tant qu'espace réservé. Ceci est appelé un modèle littéral et a une variété d'autres grands avantages. Par exemple:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Étant donné que la chaîne qui est connectée à la console est enveloppée de backticks, vous pouvez insérer une variable dans la chaîne en utilisant $ {}. Vous pouvez voir l'exemple en action dans la démo de codep suivante.

Voir le stylo Interpolation de chaîne dans JavaScript par SitePoint (@SitePoint) sur Codepen.

Convertir un nombre en une chaîne en utilisant la concaténation de chaîne

La deuxième approche est la concaténation des cordes. Vous pouvez convertir un nombre en une chaîne à l'aide de l'opérateur. Par exemple:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Voir le stylo Convertir le numéro en chaîne avec la concaténation par SitePoint (@SitePoint) sur Codepen.

Bien que cette approche soit efficace (car elle nécessite le moins de code), elle peut rendre le code moins lisible.

Une mise en garde de concaténation à cordes

Lorsque vous utilisez cette approche avec plus d'un nombre, un résultat inattendu peut se produire. Par exemple:

<span>const number = 99;
</span><span>console.log(<span>`<span>${number}</span> percent of people love JavaScript`</span>); // "99% of people love JavaScript"
</span>

Étant donné que A B est évalué avant d'atteindre la chaîne, l'opération est un ajout numérique plutôt qu'une concaténation de chaîne. Une fois qu'une variable de chaîne ou un littéral est atteint, l'opération devient une concaténation de chaîne. Ainsi, le résultat est 2468 autoroute. Cependant, essayez de modifier le code en ce qui suit:

<span>console.log(10 + "USD"); //"10USD"
</span><span>console.log(10 + ""); //"10"
</span>

Parce que "c'est" A est évalué en premier, l'opérateur est utilisé pour la concaténation des chaînes pour le reste de l'expression. Ainsi, au lieu d'une opération d'addition entre A et B comme l'exemple précédent, il devient une opération de concaténation de chaîne entre les deux. Cela peut être résolu à l'aide de parenthèses:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log(a + b + " motorway"); // "2468 motorway"
</span>

L'addition entre A et B est effectuée en premier, ce qui conduit à l'opération d'addition entre les deux variables. Ensuite, la concaténation des chaînes est utilisée pour le reste de l'expression car le premier opérande est "c'est".

Convertir un nombre en une chaîne à l'aide de toString

La troisième approche utilise la méthode toString (). Cette méthode est disponible pour tous les types de données JavaScript, y compris les nombres. Il convertit la valeur du nombre sur lequel il est utilisé et le renvoie. Par exemple:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + a + b + " motorway"); // "it is 2000468 motorway"
</span>

Cet exemple montre le même résultat que celui de la première approche. Vous pouvez également le voir en action dans la démonstration de code de code suivante.

Voir le stylo JS convertit le numéro en chaîne à l'aide de toString () par SitePoint (@SitePoint) sur Codepen.

Convertir un nombre en une chaîne en utilisant une chaîne

La quatrième approche utilise la fonction du constructeur String (). Cette fonction accepte la variable à convertir en tant que premier paramètre. Il convertit le paramètre en une chaîne et le renvoie. Par exemple:

<span>const a = 2000;
</span><span>const b = 468;
</span><span>console.log("it is " + (a + b) + " motorway"); // "it is 2468 motorway"
</span>

Lors de la connexion de la valeur du nombre et de son type dans la console, le résultat est respectivement de 10 et du nombre. Après avoir converti, le résultat est respectivement 10 en tant que chaîne et chaîne. Vous pouvez voir l'exemple en action dans la démo de codep suivante.

Voir le stylo JS convertit le numéro en chaîne à l'aide de String () par SitePoint (@SitePoint) sur Codepen.

Conclusion

Ce tutoriel vous montre quatre approches que vous pouvez utiliser pour convertir un nombre en une chaîne en JavaScript. Bien que ces méthodes puissent produire les mêmes résultats lorsqu'ils sont utilisés avec des nombres, il y a des cas où une approche serait meilleure que les autres. La principale différence entre l'utilisation de String () et ToString () est que String () fonctionne avec des valeurs non définies et nuls, contrairement à ToString (). Donc, si vous avez une valeur qui devrait contenir un nombre mais que vous souhaitez être en sécurité lors de la convertification en une chaîne, vous pouvez utiliser String (). En ce qui concerne l'interpolation de la chaîne et la concaténation des chaînes, ils sont mieux utilisés lors de l'utilisation de nombres dans une chaîne. Sinon, l'utilisation de ces méthodes peut rendre le code moins lisible. Si vous avez trouvé cet article utile, vous pouvez également profiter des éléments suivants:

• Astuce rapide: comment convertir un nombre en une chaîne en javascript
• Apprenez à coder avec javascript
• comment apprendre JavaScript rapidement: six astuces d'esprit simples
• 25 Techniques de codage sténographie javascript
• es6 en action: nouvelles méthodes de nombre
• es6 en action: nouvelles méthodes de chaîne - String.prototype. *
• Valeurs de vérité et de fausseté: quand tout n'est pas égal en javascript

Les questions fréquemment posées (FAQ) sur la conversion des nombres en chaînes en javascript

Quelle est la signification de la conversion des nombres en chaînes en JavaScript?

La conversion des nombres en chaînes en JavaScript est une opération commune dans la programmation. Il est particulièrement utile lorsque vous devez afficher des données numériques à l'utilisateur, effectuer des opérations de concaténation avec des chaînes ou stocker des numéros dans un format facilement lisible et manipulable. Par exemple, si vous souhaitez afficher un numéro dans un champ de texte sur une page Web, vous devez d'abord le convertir en une chaîne, car les champs de texte n'acceptent que les données de chaîne.

Comment puis-je convertir un numéro à une chaîne en utilisant la méthode toString ()?

La méthode toString () est une fonction JavaScript intégrée qui peut être utilisée pour convertir un nombre en une chaîne. Voici un exemple simple:
Soit num = 123;
Soit str = num.toString ();
console.log (str); // Sorties: "123"
Dans ce code, le numéro 123 est converti en une chaîne en utilisant la méthode toString (), et le résultat est ensuite enregistré en console.

Puis-je convertir un numéro à une chaîne sans utiliser la méthode toString ()?

Oui, vous pouvez convertir un nombre en une chaîne en javascript sans utiliser la méthode toString (). Une autre façon consiste à utiliser la fonction String (). Voici un exemple:
Soit num = 123;
Soit str = string (num);
console.log (str); // Sorties: "123"
Dans ce code, le numéro 123 est converti en une chaîne à l'aide de la fonction String (), et le résultat est ensuite enregistré en console.

Comment puis-je convertir un numéro de point flottant en une chaîne dans JavaScript?

La conversion d'un numéro de point flottant en une chaîne en JavaScript est similaire à la conversion d'un entier. Vous pouvez utiliser la méthode toString () ou la fonction string (). Voici un exemple utilisant la méthode toString ():
Soit num = 123.45;
que Str = num.ToString ();
console.log (str); // Sorties: "123.45"
Dans ce code, le numéro de point flottant 123.45 est converti en une chaîne à l'aide de la méthode toString (), et le résultat est ensuite connecté à la console.

Spécifiez un radix lors de la conversion d'un nombre en une chaîne dans JavaScript?

Oui, vous pouvez spécifier un radix (base) lors de la conversion d'un nombre en une chaîne dans JavaScript en utilisant la méthode TOSTRING (). Le radix peut être n'importe quel entier entre 2 et 36. Voici un exemple:
Soit num = 123;
Soit str = num.tostring (16);
console.log (str); // Sorties: "7b"
Dans ce code, le numéro 123 est converti en une chaîne hexadécimale (base 16) en utilisant la méthode toString () avec un radix de 16, et le résultat est ensuite connecté à la console.

Comment puis-je convertir un nombre en une chaîne en notation scientifique en javascript?

Pour convertir un nombre en une chaîne en notation scientifique en javascript, vous pouvez utiliser la méthode ToExponential (). Voici un exemple:
Soit num = 123;
Soit str = num.toexponential ();
console.log (str); // Sorties: "1.23e 2"
Dans ce code, le numéro 123 est converti en une chaîne en notation scientifique en utilisant la méthode ToExponential (), et le résultat est ensuite enregistré à la console.

Comment puis-je convertir un nombre en une chaîne avec un nombre spécifique de décimales dans JavaScript?

Pour convertir un nombre en une chaîne avec un nombre spécifique de décimales en javascrip . Voici un exemple:
Soit num = 123.456;
Soit str = num.tofixed (2);
console.log (str); // Sorties: "123.46"
Dans ce code, le numéro 123.456 est converti en une chaîne avec deux décimales en utilisant la méthode tofixée (), et le résultat est ensuite enregistré à la console.

peut Je converti une chaîne en un nombre dans JavaScript?

Oui, vous pouvez convertir une chaîne en un nombre en JavaScript en utilisant la fonction Number (), la fonction parseInt () ou la fonction parsefloat (), en fonction des exigences spécifiques. Voici un exemple en utilisant la fonction Number ():
Soit str = "123";
Soit num = nombre (str);
console.log (num); // Sorties: 123
Dans ce code, la chaîne «123» est convertie en un nombre en utilisant la fonction numéro (), et le résultat est ensuite enregistré à la console.

Que se passe-t-il si j'essaie de convertir une chaîne non numérique en un nombre en javascrip un nombre). Voici un exemple:

Soit str = "ABC";

Soit num = nombre (str);
console.log (num); // Sorties: nan
Dans ce code, la chaîne non numerique «ABC» est tentée d'être convertie en un nombre en utilisant la fonction Number (), et le résultat est nan.

Puis-je vérifier Si une chaîne peut être convertie en nombre dans JavaScript?

Oui, vous pouvez vérifier si une chaîne peut être convertie en nombre en JavaScript en utilisant la fonction isnan (). Voici un exemple:

Soit str = "123";

Soit isNum =! Isnan (str);
console.log (isNum); // Sorties: true
Dans ce code, la chaîne «123» est vérifiée pour voir si elle peut être convertie en un nombre en utilisant la fonction isnan (), et le résultat est ensuite connecté à la console.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!