Отображение числа в индийском формате с использованием 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);

Live Demo

Для поплавка:

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);

Live Demo

Я опаздываю, но думаю, это поможет:)

Вы можете использовать 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;
}

https://jsfiddle.net/scLtnug8/1/

Я немного опоздал в игре. Но вот неявный способ сделать это.

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

Самый простой способ - просто использовать плагин Globalize (подробнее об этом здесь и здесь):

var value = 125465778;
var formattedValue = Globalize.format(value, 'n');

Они отформатируют значение в соответствующих системах.

      $(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('');
Другие вопросы по тегам