html 如何在JavaScript中每4个字符之间添加空格？[duplicate]

mi7gmzs6 于 2022-12-16 发布在 Java

关注(0)|答案(3)|浏览(148)

此问题在此处已有答案：

How do I style numbers?（3个答案）
（18个答案）
四年前关闭了。
我想在每4个字符之间添加一个空格。我正在开发一个关于信用卡号码的网页。
范例

var x = document.getElementById("card_number").value;

**示例：**如果x的值为1234567890123456

我需要将这个数字拆分为每4个字符并添加一个空格。像这样

一二三四五六七八九○一二三四五六

我需要一个变量上的这个数字。因为我需要在文本框上设置这个数字。请帮助我。谢谢

3条答案

您可以使用RegEx执行此操作

const dummyTxt = '1234567890123456';

const joy = dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

您可以查找四个字符，并对更多字符进行正向前瞻，然后在每个块后面插入一个空格。

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

如果不使用regex，也可以使用map来实现此目的

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)