La présentation des nombres dans un format lisible prend de nombreuses formes, des graphiques visuels au simple ajout de ponctuation. Ces ponctuations, cependant, sont différentes en fonction de l’internationalisation. Certains pays utilisent , pour décimal, tandis que d’autres utilisent .. Inquiet d’avoir à coder pour toute cette folie ? Ne pas faire — JavaScript fournit une méthode qui fait le travail à votre place !
Le Number primitif a un toLocaleString méthode pour faire le formatage de base pour vous:
const price = 16601.91;
// Basic decimal format, no providing locale
// Uses locale provided by browser since none defined
price.toLocaleString(); // "16,601.91"
// Provide a specific locale
price.toLocaleString('de-DE'); // "16.601,91"
// Formatting currency is possible
price.toLocaleString('de-DE', {
style: 'currency',
currency: 'EUR'
}); // "16.601,91 €"
// You can also use Intl.NumberFormat for formatting
new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'GBP'
}).format(price); // £16,601.91
C’est un soulagement majeur que JavaScript nous fournisse ce type d’assistants afin que nous n’ayons pas besoin de nous fier à des bibliothèques tierces gonflées. Pas d’excuses — l’outil est là !
Être un papa développeur
On me pose des tas de questions tous les jours, mais je suis toujours surpris qu’il s’agisse rarement de questions sur le code ou même sur la technologie – la plupart des questions que je reçois concernent davantage des choses non liées au développement, comme à quoi ressemble mon bureau, quel logiciel je utiliser, et souvent…
Créer une animation de retournement CSS
Les animations CSS sont très amusantes ; la beauté d’entre eux est que, grâce à de nombreuses propriétés simples, vous pouvez créer n’importe quoi, d’un fondu élégant à un effet WTF-Pixar-would-be-fier. Un effet CSS quelque part entre les deux est l’effet CSS flip, par lequel il y a …