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!