如何用JavaScript将字符串按照“四位、六位、四位”模式灵活分割？-html教程-PHP中文网

如何用JavaScript将字符串按照“四位、六位、四位”模式灵活分割？

碧海醫心

发布： 2025-02-26 22:42:01

原创

531人浏览过

如何用JavaScript将字符串按照“四位、六位、四位”模式灵活分割？

灵活分割字符串：实现“四位、六位、四位”分段

本文介绍两种JavaScript方法，实现将字符串按照“四位、六位、四位”模式分割的功能，并能灵活处理各种长度的字符串。

需求：将字符串分割成四位、六位、四位三个部分，但字符串长度可能超过或少于此预期长度。

方法一：利用reduce函数

此方法使用reduce函数迭代处理字符串。segmentLengths数组定义各段长度，并添加一个无限大值处理剩余部分。reduce函数累积起始位置和结果数组，每次分割指定长度的子串。最后，过滤空字符串并连接结果。

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

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

const segmentLengths = [4, 6, 4, Infinity]; // 注意这里将最后一个长度设为Infinity

cases.forEach(s => {
    const result = [...segmentLengths]
        .reduce(([start, r], length) => {
            const segment = s.substring(start, start + length);
            r.push(segment);
            return [start + length, r];
        }, [0, []])[1]
        .filter(Boolean) // 过滤掉空字符串
        .join(" ");
    console.log(`|${result}|`);
});

登录后复制

方法二：使用生成器函数

此方法使用生成器函数seperateBySpace，更清晰地表达分割过程。生成器函数迭代segmentLengths数组，每次yield一个子串。若有剩余字符，则将其作为最后一个子串yield。最后，连接生成器生成的子串。

function* seperateBySpace(s, segmentLengths) {
    let begin = 0;
    for (const len of segmentLengths) {
        const segment = s.substring(begin, begin + len);
        yield segment;
        begin += len;
        if (begin >= s.length) { // 优化条件判断
            return;
        }
    }
}

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

const segmentLengths2 = [4, 6, 4];

cases2.forEach(s => {
    const result = [...seperateBySpace(s, segmentLengths2)].filter(Boolean).join(" ");
    console.log(`|${result}|`);
});

登录后复制

两种方法输出结果相同：

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

登录后复制

两种方法都能有效分割字符串并处理不同长度的输入。选择哪种方法取决于个人偏好和代码风格。方法一使用了reduce函数，代码更紧凑；方法二使用生成器，逻辑更清晰易懂。代码中也对一些细节进行了优化，例如使用substring代替slice，以及更精确的结束条件判断。

以上就是如何用JavaScript将字符串按照“四位、六位、四位”模式灵活分割？的详细内容，更多请关注php中文网其它相关文章！