如何将变量拆分为 4 个带有空格的字符？答案

【问题标题】：How do I split an variable by 4 characters with blank spaces?如何将变量拆分为 4 个带有空格的字符？
【发布时间】：2019-09-20 12:42:32
【问题描述】：

我有一个变量可以保存某个数字，我希望它在显示中将其拆分为 4 个字符

document.getElementById("txtFNF").innerHTML = "<br>" + value.match(/.{1,4}/g) + "<br><br>";
   for (let index = 1; index <= value.length; index++) {
      if (Number(value[value.length - index]) == 1) {
         document.getElementById("txtFNF").innerHTML += index - 1 + " - " + FNFtoString(index - 1) + "<br>";
 }

我使用的代码“value.match(/.{1,4}/g)”已经将数字拆分为 4，但被拆分为：“，”我希望它以空格分隔显示： " "

例如：0000 0000 0000 0000

【问题讨论】：

How to convert array into string without comma and separated by space in javascript without concatenation?的可能重复

标签： javascript html

【解决方案1】：

当您使用"" + [] 时，它会在内部调用数组上的toString，将其更改为由, 连接的字符串

console.log("" + [1,2,3,4])

您可以在匹配的值上使用带空格的连接 (join(' ')) 来获取带空格的字符串，

console.log("0000000000000000".match(/.{1,4}/g) + "")    // internally joining by toString
console.log("0000000000000000".match(/.{1,4}/g).join(' '))

或者你甚至可以使用替换和捕获组，通过添加空格替换捕获的组，修剪尾随空格

console.log("0000000000000000".replace(/(.{1,4})/g, "$1 ").trim())

【讨论】：

无修剪"0000000000000000".replace(/.{4}\B/g, "$& ")

【解决方案2】：

你可以使用join方法将逗号分隔成这样的空格

<div id="txtFNF" class="btn--success"></div>
<script>
    let value = '12345678';
    let val = value.match(/.{1,4}/g).join(' ', ',');
    document.getElementById("txtFNF").innerHTML = "<br>" + val + "<br><br>";
    for (let index = 1; index <= value.length; index++) {
        if (Number(value[value.length - index]) == 1) {
            document.getElementById("txtFNF").innerHTML += index - 1 + " - " + FNFtoString(index - 1) + "<br>";
        }
    }
</script>

【讨论】：