Отображение числа в индийском формате с использованием Javascript
У меня есть следующий код для отображения в индийской системе нумерации.
var x=125465778;
var res= x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
Получаю этот вывод:125,465,778
,
Мне нужен вывод, как это: 12,54,65,778
,
Пожалуйста, помогите мне разобраться с этой проблемой.
19 ответов
Для целых чисел:
var x=12345678;
x=x.toString();
var lastThree = x.substring(x.length-3);
var otherNumbers = x.substring(0,x.length-3);
if(otherNumbers != '')
lastThree = ',' + lastThree;
var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
alert(res);
Для поплавка:
var x=12345652457.557;
x=x.toString();
var afterPoint = '';
if(x.indexOf('.') > 0)
afterPoint = x.substring(x.indexOf('.'),x.length);
x = Math.floor(x);
x=x.toString();
var lastThree = x.substring(x.length-3);
var otherNumbers = x.substring(0,x.length-3);
if(otherNumbers != '')
lastThree = ',' + lastThree;
var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree + afterPoint;
alert(res);
Я опаздываю, но думаю, это поможет:)
Вы можете использовать Number.prototype.toLocaleString()
Синтаксис
numObj.toLocaleString([locales [, options]])
var number = 123456.789;
// India uses thousands/lakh/crore separators
document.getElementById('result').innerHTML = number.toLocaleString('en-IN');
// → 1,23,456.789
document.getElementById('result1').innerHTML = number.toLocaleString('en-IN', {
maximumFractionDigits: 2,
style: 'currency',
currency: 'INR'
});
// → Rs.123,456.79
<div id="result"></div>
<div id="result1"></div>
Вот функция,
function numberWithCommas(x) {
return x.toString().substring(0,x.toString().split('.')[0].length-3).replace(/\B(?=(\d{2})+(?!\d))/g, ",") + "," + x.toString().substring(x.toString().split('.')[0].length-3);
}
если ваш ввод 10000,5,
numberWithCommas(10000.5)
Вы получите вывод, как это, 10,000.5
Только для целых чисел никаких дополнительных манипуляций не требуется.
Это будет соответствовать каждой цифре с конца, имеющей одну или более двойных цифр после, и заменять ее на себя + ",":
"125465778".replace(/(\d)(?=(\d\d)+$)/g, "$1,");
-> "1,25,46,57,78"
Но так как мы хотим иметь 3 в конце, давайте прямо заявим об этом, добавив дополнительный "\d" перед концом ввода:
"125465778".replace(/(\d)(?=(\d\d)+\d$)/g, "$1,");
-> "12,54,65,778"
Если задана функция "число к числу ниже", она возвращает отформатированное число в индийском формате группировки цифр.
например: вход: 12345678567545.122343
выход: 1,23,45,67,85,67,545,122343
function formatNumber(num) {
var n1, n2;
num = num + '' || '';
// works for integer and floating as well
n1 = num.split('.');
n2 = n1[1] || null;
n1 = n1[0].replace(/(\d)(?=(\d\d)+\d$)/g, "$1,");
num = n2 ? n1 + '.' + n2 : n1;
return num;
}
Я немного опоздал в игре. Но вот неявный способ сделать это.
var number = 3493423.34;
console.log(new Intl.NumberFormat('en-IN', { style: "currency", currency: "INR" }).format(number));
если вам не нужен символ валюты, используйте его следующим образом
console.log(new Intl.NumberFormat('en-IN').format(number));
Это должно работать.
var number=12345678;
alert(number.toLocaleString());
Вы также можете передать аргументы в функцию здесь, по умолчанию это примет международное соглашение. Если вы хотите использовать индийское соглашение, вы должны написать это так.
alert(number.toLocaleString("hi-IN"));
Но этот код будет работать только на Chrome, Mozzilla и IE. Это не будет работать на Safari.
Попробуйте как ниже, я нашел Плагин форматирования чисел здесь:
Используя это, я сделал следующий код, он работает нормально, попробуйте это, это поможет вам..
СЦЕНАРИЙ:
<script src="format.20110630-1100.min.js" type="text/javascript"></script>
<script>
var FullData = format( "#,##0.####", 125465778)
var n=FullData.split(",");
var part1 ="";
for(i=0;i<n.length-1;i++)
part1 +=n[i];
var part2 = n[n.length-1]
alert(format( "#0,#0.####", part1) + "," + part2);
</script>
Входы:
1) 125465778
2) 1234567.89
Выходы:
1) 12,54,65,778
2) 12,34,567.89
number.toLocaleString('en-IN');
Это поможет вам отобразить в индийской системе нумерации. Посмотрите документацию
Просто используйте https://osrec.github.io/currencyFormatter.js/
Тогда все, что вам нужно, это:
OSREC.CurrencyFormatter.format(2534234, { currency: 'INR' });
// Returns ₹ 25,34,234.00
Они отформатируют значение в соответствующих системах.
$(this).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
Для системы счисления США (миллионы и миллиарды)
$(this).replace(/\B(?=(?:(\d\d)+(\d)(?!\d))+(?!\d))/g, ',');
Для индийской системы счисления (лакхи и кроры)
Импровизированный подход Slopen, описанный выше, работает как для int, так и для float.
function getIndianFormat(str) {
str = str.split(".");
return str[0].replace(/(\d)(?=(\d\d)+\d$)/g, "$1,") + (str[1] ? ("."+str[1]): "");
}
console.log(getIndianFormat("43983434")); //4,39,83,434
console.log(getIndianFormat("1432434.474")); //14,32,434.474
Эта функция может правильно обрабатывать значения с плавающей точкой, просто добавляя к другому ответу
function convertNumber(num) {
var n1, n2;
num = num + '' || '';
n1 = num.split('.');
n2 = n1[1] || null;
n1 = n1[0].replace(/(\d)(?=(\d\d)+\d$)/g, "$1,");
num = n2 ? n1 + '.' + n2 : n1;
n1 = num.split('.');
n2 = (n1[1]) || null;
if (n2 !== null) {
if (n2.length <= 1) {
n2 = n2 + '0';
} else {
n2 = n2.substring(0, 2);
}
}
num = n2 ? n1[0] + '.' + n2 : n1[0];
return num;
}
эта функция преобразует все функции в плавающее как есть
function formatAndConvertToFloatFormat(num) {
var n1, n2;
num = num + '' || '';
n1 = num.split('.');
if (n1[1] != null){
if (n1[1] <= 9) {
n2 = n1[1]+'0';
} else {
n2 = n1[1]
}
} else {
n2 = '00';
}
n1 = n1[0].replace(/(\d)(?=(\d\d)+\d$)/g, "$1,");
return n1 + '.' + n2;
}
Индийская функция формата денег
function indian_money_format(amt)
{
amt=amt.toString();
var lastThree = amt.substring(amt.length-3);
var otherNumbers = amt.substring(0,amt.length-3);
if(otherNumbers != '')
lastThree = ',' + lastThree;
var result = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
alert(result)
return result;
}
indian_money_format(prompt("Entry amount",123456))
Вы можете использовать Intl.NumberFormat для форматирования чисел в индийском формате. Вот пример ниже:
const number = 12345678;
const formatedNumber = new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(number);
console.log(formatedNumber)
// Expected output: "₹1,23,45,678.00"
Это можно сделать, просто используя .toLocaleString('en-IN')
console.log(Number(125465778).toLocaleString('en-IN'))
// выводит 12,54,65,778
Импровизация ответа @slopen с поддержкой десятичных чисел и тестовыми примерами.
Использование:numberToIndianFormat(555555.12) === "5,55,555.12"
utils.ts
export function numberToIndianFormat(x: number): string {
if (isNaN(x)) {
return "NaN"
} else {
let string = x.toString();
let numbers = string.split(".");
numbers[0] = integerToIndianFormat(parseInt(numbers[0]))
return numbers.join(".");
}
}
function integerToIndianFormat(x: number): string {
if (isNaN(x)) {
return "NaN"
} else {
let integer = x.toString();
if (integer.length > 3) {
return integer.replace(/(\d)(?=(\d\d)+\d$)/g, "$1,");
} else {
return integer;
}
}
}
utils.spec.ts
describe('numberToIndianFormat', () => {
it('nan should output NaN', () => {
expect(numberToIndianFormat(Number.NaN)).toEqual("NaN")
});
describe('pure integer', () => {
it('should leave zero untouched', () => {
expect(numberToIndianFormat(0)).toEqual("0")
});
it('should leave simple numbers untouched', () => {
expect(numberToIndianFormat(10)).toEqual("10")
});
it('should add comma at thousand place', () => {
expect(numberToIndianFormat(5555)).toEqual("5,555")
});
it('should add comma at lakh place', () => {
expect(numberToIndianFormat(555555)).toEqual("5,55,555")
});
it('should add comma at crore place', () => {
expect(numberToIndianFormat(55555555)).toEqual("5,55,55,555")
});
});
describe('with fraction', () => {
it('should leave zero untouched', () => {
expect(numberToIndianFormat(0.12)).toEqual("0.12")
});
it('should leave simple numbers untouched', () => {
expect(numberToIndianFormat(10.12)).toEqual("10.12")
});
it('should add comma at thousand place', () => {
expect(numberToIndianFormat(5555.12)).toEqual("5,555.12")
});
it('should add comma at lakh place', () => {
expect(numberToIndianFormat(555555.12)).toEqual("5,55,555.12")
});
it('should add comma at crore place', () => {
expect(numberToIndianFormat(55555555.12)).toEqual("5,55,55,555.12")
});
});
})
Основываясь на вопросе Нидхинкумара, я проверил вышеупомянутые ответы, и при обработке отрицательных чисел вывод не будет корректным, например: -300 он должен отображаться как -300, но вышеупомянутые ответы будут отображаться как -,300, что не хорошо, поэтому я попробовал с приведенным ниже кодом, который работает даже в отрицательных случаях.
var negative = input < 0;
var str = negative ? String(-input) : String(input);
var arr = [];
var i = str.indexOf('.');
if (i === -1) {
i = str.length;
} else {
for (var j = str.length - 1; j > i; j--) {
arr.push(str[j]);
}
arr.push('.');
}
i--;
for (var n = 0; i >= 0; i--, n++) {
if (n > 2 && (n % 2 === 1)) {
arr.push(',');
}
arr.push(str[i]);
}
if (negative) {
arr.push('-');
}
return arr.reverse().join('');