Skip to main content
se añadieron 316 caracteres en el cuerpo
Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70
// @START HACKING
(function() { 

  // Obtenemos la definicion de la funcion original
  let prop = Object.getOwnPropertyDescriptor(Intl.NumberFormat.prototype, 'format');

  // Sobrescribimos el método "format"
  Object.defineProperty(Intl.NumberFormat.prototype, 'format', {
    get: function() {
      return function(value) {
        let fn = prop.get.call(this), // Recuperamos la funcion "formateadora" original 
          opts = this.resolvedOptions(); // Obtenemos las opciones de "formateo"
        
        // Solo cambiamos el formateo cuando formateamoses moneda en español y el numero es >= 1.000 o menor a 10.000
        if (opts.style == 'currency' && opts.locale.substr(0, 2) == 'es' && opts.numberingSystem == 'latn' && value >= 1000 && value < 10000) {
          let num = fn(10000), // -> [pre]10[sep]000[sub]
            pre = num.substr(0, num.indexOf('10')),
            sep = num.substr(num.indexOf('10') + 2, 1),
            sub = num.substr(num.indexOf('000') + 3);
          num = value.toString();
          return pre + num.slice(0, 1) + sep + num.slice(1) + sub;
        }
        // Sino devolvemos el número formateado normalmente
        return fn(value);
      };
    },
  });
})();

// @USE

let formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'CLP'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA ahora funciona');
console.log(formatter.format(10000));

formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'ARS'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA tambien funciona');
console.log(formatter.format(10000));
// @START HACKING
(function() {
  let prop = Object.getOwnPropertyDescriptor(Intl.NumberFormat.prototype, 'format');

  // Sobrescribimos el método "format"
  Object.defineProperty(Intl.NumberFormat.prototype, 'format', {
    get: function() {
      return function(value) {
        let fn = prop.get.call(this),
          opts = this.resolvedOptions();
        
        // Solo cuando formateamos moneda
        if (opts.style == 'currency' && opts.numberingSystem == 'latn' && value >= 1000 && value < 10000) {
          let num = fn(10000), // -> [pre]10[sep]000[sub]
            pre = num.substr(0, num.indexOf('10')),
            sep = num.substr(num.indexOf('10') + 2, 1),
            sub = num.substr(num.indexOf('000') + 3);
          num = value.toString();
          return pre + num.slice(0, 1) + sep + num.slice(1) + sub;
        }
        return fn(value);
      };
    },
  });
})();

// @USE

let formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'CLP'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA ahora funciona');
console.log(formatter.format(10000));

formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'ARS'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA tambien funciona');
console.log(formatter.format(10000));
// @START HACKING
(function() { 

  // Obtenemos la definicion de la funcion original
  let prop = Object.getOwnPropertyDescriptor(Intl.NumberFormat.prototype, 'format');

  // Sobrescribimos el método "format"
  Object.defineProperty(Intl.NumberFormat.prototype, 'format', {
    get: function() {
      return function(value) {
        let fn = prop.get.call(this), // Recuperamos la funcion "formateadora" original 
          opts = this.resolvedOptions(); // Obtenemos las opciones de "formateo"
        
        // Solo cambiamos el formateo cuando es moneda en español y el numero es >= 1.000 o menor a 10.000
        if (opts.style == 'currency' && opts.locale.substr(0, 2) == 'es' && opts.numberingSystem == 'latn' && value >= 1000 && value < 10000) {
          let num = fn(10000), // -> [pre]10[sep]000[sub]
            pre = num.substr(0, num.indexOf('10')),
            sep = num.substr(num.indexOf('10') + 2, 1),
            sub = num.substr(num.indexOf('000') + 3);
          num = value.toString();
          return pre + num.slice(0, 1) + sep + num.slice(1) + sub;
        }
        // Sino devolvemos el número formateado normalmente
        return fn(value);
      };
    },
  });
})();

// @USE

let formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'CLP'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA ahora funciona');
console.log(formatter.format(10000));

formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'ARS'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA tambien funciona');
console.log(formatter.format(10000));
Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70

La API Intl de Javascript para las configuraciones de localización utiliza la información establecida por el Unicode Common Locale Data Repository (CLDR)

Actualmente el CLDR ha establecido para el sistema numérico en español que los "dígitos mínimos para agrupar" es igual a 2.

The minimumGroupingDigits determines what the default for a locale is. In this case the value should be "2" to illustrate that the separator only appears once the number of thousands goes into the double-digits (i.e. 10 thousand or above) and not for single-digit thousands (i.e. anything below 10 thousand).


El minimumGroupingDigits determina cuál es el valor predeterminado para una configuración regional. En este caso, el valor debe ser "2" para ilustrar que el separador solo aparece una vez que el número de miles entra en dos dígitos (es decir, 10 mil o más) y no para miles de un solo dígito (es decir, cualquier cosa por debajo de 10 mil).

Demo:

let formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'CLP'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA el problema');
console.log(formatter.format(10000));
console.log(formatter.format(100000));
console.log(formatter.format(1000000));


Con respecto a:

[...] obvian el uso de separador de miles para números de 4 dígitos. ¿Existe alguna forma efectiva para la manipulación de currencies en Chile?

Podrías "parchar" (sobrescribir) el método format.

Ejemplo:

// @START HACKING
(function() {
  let prop = Object.getOwnPropertyDescriptor(Intl.NumberFormat.prototype, 'format');

  // Sobrescribimos el método "format"
  Object.defineProperty(Intl.NumberFormat.prototype, 'format', {
    get: function() {
      return function(value) {
        let fn = prop.get.call(this),
          opts = this.resolvedOptions();
        
        // Solo cuando formateamos moneda
        if (opts.style == 'currency' && opts.numberingSystem == 'latn' && value >= 1000 && value < 10000) {
          let num = fn(10000), // -> [pre]10[sep]000[sub]
            pre = num.substr(0, num.indexOf('10')),
            sep = num.substr(num.indexOf('10') + 2, 1),
            sub = num.substr(num.indexOf('000') + 3);
          num = value.toString();
          return pre + num.slice(0, 1) + sep + num.slice(1) + sub;
        }
        return fn(value);
      };
    },
  });
})();

// @USE

let formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'CLP'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA ahora funciona');
console.log(formatter.format(10000));

formatter = new Intl.NumberFormat('es-CL', {
  style: 'currency',
  currency: 'ARS'
})

console.log(formatter.format(1));
console.log(formatter.format(10));
console.log(formatter.format(100));
console.log(formatter.format(1000), ' <- ACA tambien funciona');
console.log(formatter.format(10000));