Как вставить пробел после каждого 3 символа с конца, при вводе в инпут?

Question

[newhacke]

Вообще не понимаю как это работает, времени нет разбираться, нужно срочно внести изменения. Может кто поможет.... Надо при вводе в инпут отделять с конца каждые 3 символы пробелом.
Видел много подобных примеров, но не до конца понимаю как это работает, и у меня получается ерунда. Заранее спасибо....
1 000
10 000
100 000
1 000 000

И т.д.

Comments

[newhacke]

А и пожалуйста, скажите как научиться этому)) Может полезные какие нибудь ссылки скинете))

Answer 1

[Иван Клименко]

function format(str) {
    const s = str.length;
    const chars = str.split('');
    const strWithSpaces = chars.reduceRight((acc, char, i) => {
        const spaceOrNothing = ((((s - i) % 3) === 0) ? ' ' : '');
        return (spaceOrNothing + char + acc);
    }, '');

    return ((strWithSpaces[0] === ' ') ? strWithSpaces.slice(1) : strWithSpaces);
}

Comments

[newhacke]

Круто спасибо огромное!!!! Только как ее применить???

function format(str) {
  const s = str.length;
  const chars = str.split("");
  const strWithSpaces = chars.reduceRight((acc, char, i) => {
    const spaceOrNothing = (s - i) % 3 === 0 ? " " : "";
    return spaceOrNothing + char + acc;
  }, "");

  return strWithSpaces[0] === " " ? strWithSpaces.slice(1) : strWithSpaces;
}
document.querySelector(".a").addEventListener("input", function (e) {
  e.target.value = format(e.target.value);
});

он выводит 1 0 0 0 000 , не могу понять почему...

[Иван Клименко]

newhacke, потому что рассчитана на то, что входная строка содержит только цифры. Чтобы всё было нормально надо эти пробелы убирать. Например, добавить фильтрацию при формировании массива символов, заменив str.split('') на str.split('').filter(char => (/\d/).test(char)).

[Роман]

let str = "123456 789asda0000";

parse = (s)=>[...s.replace(/[^0-9]/g,"")].reduce((a,c,i,l)=>a+=c+((l.length-i)%3==1?" ":"")||a,"");

console.log(parse(str)); // 1 234 567 890 000

Answer 2

[Воващ]

(1000000).toLocaleString('ru')

В России в качестве разделителя целой и дробной части используется запятая, а в качестве разделителя разрядов - пробел

Comments

[newhacke]

Спасибо большое, интересный момент. А почему если я пытаюсь ввести отличные от числа символы он пишет не число, как сделать так что бы он просто игнорировал действие, без этой надписи. К примеру нажимаешь на букву а ничего не происходит)

[WapSter]

newhacke, а давай сюда всю твою задачу, за тебя ее сделают

Answer 3

[H0JLuk]

Вариант через Intl вот:

const format = num => new Intl.NumberFormat('ru-RU').format(num);

Comments

[Роман]

ну тогда уж так)

const format = num => (new Intl.NumberFormat('ru-RU').format(num.replace(/\D/g,""))).replace(/,/g," ");

Answer 4

[Huntgold]

Изучаю JS часов 5-6, только начал. Вижу тут уже помогли, но не зря же я минут 15-20 писал этот код. Изначальная задумка была засунуть число в массив, сделать reverse и накидать через цикл каждые 3 подхода пробел и потом реверс обратно и вывести через сплит, но я не помню как засунуть это дело в массив, по этому создал массив в ручную

let p = "1493205923492305";
let i = 0, res = "", b = 3, c = 3, t = p.length, d = 0, sec = "";
t--
while (i<p.length)
{
  i == b ? res = res + " " : i == i
  i == b ? b = b + 3 : i == i
res = res + String(p[t])
  t--
  i++
}
let pp = res.length - 1
while (d<res.length)
{
sec = sec + String(res[pp])
pp--
  d++
}

console.log(sec)