Comment ajouter un espace entre les milliers en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-10-08 12:20:56

Question

Comment faire pour ajouter un espace entre les milliers en JavaScript ? Par exemple je voudrais afficher un nombre avec des espaces, comme ceci :

1 025 658 955

Réponse

Vous pouvez ajouter un espace, en JavaScript, dans un nombre, tous les 3 chiffres (milliers, millions, etc), avec une expression régulière :

\B(?=(\d{3})+(?!\d))

\B vérifie si la position dans la chaine de caractères est une limite de mot.
(?= correspond à un groupe après l'expression principale sans l'inclure dans le résultat.
\d sélectionne tous les chiffres.
{3} groupe les chiffres par 3.
(?!\d sélectionne les autres chiffres qui ne respectent pas la règle précédente (groupe de 3).

Exemple :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment ajouter un espace entre les milliers en JavaScript ?</title>
</head>
<body>
<div id="nombre"></div>
<script>
function nombresAvecEspaces(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
}
document.getElementById('nombre').innerHTML = nombresAvecEspaces(1025658955);
</script>
</body>
</html>