JavaScript字符串如何按4、6、4位依次分割？-html教程-PHP中文网

JavaScript字符串如何按4、6、4位依次分割？

聖光之護

发布： 2025-02-26 22:02:10

原创

775人浏览过

javascript字符串分割：按4、6、4位依次分割详解

本文介绍两种JavaScript方法，将字符串按4、6、4位顺序分割，剩余字符作为最后一段。我们使用以下测试数据：

const cases = [
    "GOAC720202EDB",
    "GOAC720202MCSMGN06",
    "GOAC720202MCSMGN062343456"
];

const segmentLengths = [4, 6, 4]; // 分割长度数组

登录后复制

方法一：利用reduce函数

此方法使用reduce函数迭代处理分割长度，累积分割结果。 Infinity处理剩余字符，filter(it => it)去除空字符串。

cases.forEach(s => {
    const result = [...segmentLengths, Infinity] // 添加Infinity处理剩余字符
        .reduce(([start, r], length) => {
            const segment = s.slice(start, start + length);
            r.push(segment);
            return [start + length, r];
        }, [0, []])[1]
        .filter(it => it) // 过滤掉空字符串
        .join(" ");
    console.log(`|${result}|`);
});

登录后复制

方法二：使用生成器函数

立即学习“Java免费学习笔记（深入）”；

此方法采用生成器函数seperateBySpace，更清晰地表达分割逻辑。生成器函数每次yield一个分割后的子字符串。

function* seperateBySpace(s, segmentLengths) {
    let begin = 0;
    for (const len of segmentLengths) {
        yield s.slice(begin, begin + len);
        begin += len;
        if (begin >= s.length) { // 优化：使用>=避免多余迭代
            return;
        }
    }
    if (begin < s.length) {
        yield s.slice(begin); // 处理剩余字符
    }
}

cases.forEach(s => {
    const result = [...seperateBySpace(s, segmentLengths)].join(" ");
    console.log(`|${result}|`);
});

登录后复制

两种方法的输出结果一致：

|GOAC 720202 EDB|
|GOAC 720202 MCSM GN06|
|GOAC 720202 MCSM GN06 2343456|

登录后复制

选择哪种方法取决于个人偏好和项目需求。 reduce方法简洁，而生成器函数更易于理解和维护，尤其是在处理更复杂的分割逻辑时。图片展示的分割规则是4,6,4，代码中已经根据此规则进行了调整。

JavaScript字符串如何按4、6、4位依次分割？

以上就是JavaScript字符串如何按4、6、4位依次分割？的详细内容，更多请关注php中文网其它相关文章！