Using space as a separator for thousands when formatting integers

Question

Using space as a separator for thousands when formatting integers

In an attempt to change the appearance of 1000 to resemble 10 000, I found numerous examples online on how to add a separator such as a comma or some StringLocal. However, I am looking for a way to use a space instead. Can anyone advise me on which locale would be best suited for this purpose?

I have already pointed out the uniqueness of my question. The reason for posting it is because the solutions available do not meet my requirements. I prefer using spaces over commas and find it unreasonable to consider that the crucial difference makes my question a duplicate.

javascript formatting number-formatting separator digit-separator

Answer 1

Answer №1

Check out my code snippet:

let value = 25000; //Enter your own number
let stringValue = value.toString();

if(stringValue.length > 3){
    let shortenPosition = -3;
    let shortenedNum = stringValue.slice(0, stringValue.length + shortenPosition);
    let spacedString = (" " + stringValue.slice(shortenPosition));
    stringValue = shortenedNum + spacedString;
}

console.log(stringValue);

Answer 2

Check out my code snippet:

let value = 25000; //Enter your own number
let stringValue = value.toString();

if(stringValue.length > 3){
    let shortenPosition = -3;
    let shortenedNum = stringValue.slice(0, stringValue.length + shortenPosition);
    let spacedString = (" " + stringValue.slice(shortenPosition));
    stringValue = shortenedNum + spacedString;
}

console.log(stringValue);

Using space as a separator for thousands when formatting integers

Answer №1

Similar questions

Getting the input from an HTML editor and inserting it into a textarea using JavaScript

Receiving Output from an AJAX Request

Combining two sets of elements in Java to form a Json using Jackson

Is there a potential race condition in React when switching between lists?

Starting an AngularJS module without an HTML page may seem like a daunting task,

Passing parameters from a parent component to a child component and then back to the parent component

Reorganizing JSON Information

Introducing a pause in the function while rendering objects

breezejs: Non-scalar relationship properties cannot be modified (Many-to-many constraint)

Struggling with TypeScript and JsObservable? Let us assist you!

Move the Div element up and down when clicked

Expanding the MatBottomSheet's Width: A Guide

Utilize React Material UI to elegantly envelop your TableRows

Is there a different option instead of using the exit() function?

Delaying the return statement

Using JavaScript within WordPress to achieve a seamless scrolling effect

Getting the value of a session variable in JavaScript from a PHP file

What is the best way to dynamically resize a text field based on the length of the typed text

Refresh tab controllers in Angular JS on every click event

Utilize the nest function in D3 to organize flat data with a parent key into a hierarchical structure