如何在 JavaScript 中每 4 个字符之间添加空格？ [复制]答案

【问题标题】：How to Add space between every 4 characters in JavaScript? [duplicate]如何在 JavaScript 中每 4 个字符之间添加空格？ [复制]
【发布时间】：2018-11-22 08:52:33
【问题描述】：

我想在每 4 个字符之间添加一个空格。我正在开发一个关于信用卡号码的网页。

例子

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

示例： 如果 x 的值为 1234567890123456

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

1234 5678 9012 3456

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

【问题讨论】：

类似问题如：stackoverflow.com/questions/1772941/… 使用搜索功能
Alternative search

标签： javascript html split

【解决方案1】：

您可以为此使用正则表达式

let dummyTxt='1234567890123456';

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

【讨论】：

它不加空格，它把它分开
是的，@GrégoryNEUT 我现在已经编辑了我的答案。

【解决方案2】：

您可以通过正向预读来查找四个字符以获取更多字符，并在每个块之后插入一个空格。

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

console.log(format(1234567890123456));

【讨论】：

顺便说一句，replace(/\w... 不是更好，因为 IBAN 有时以 FR 或类似名称开头。

【解决方案3】：

没有正则表达式，您也可以使用map 来实现这一点

let x = '1234567890123456'

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

console.log(res)

【讨论】：

它显示带有空格的值，如上所示。但不能在插入输入值中工作。