JS字符串四六四分割妙招

本文介绍两种JavaScript方法，实现将字符串按照“四位、六位、四位”模式灵活分割。无论字符串长度超过或少于预期，都能有效分割。方法一利用`reduce`函数迭代处理字符串，代码紧凑；方法二采用生成器函数，逻辑更清晰。两种方法都通过处理`segmentLengths`数组，灵活控制分割长度，并能有效过滤空字符串，最终输出分割后的字符串，例如"GOAC720202EDB"会被分割成"GOAC 720202 EDB"。选择哪种方法取决于个人代码风格和偏好。

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

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

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

方法一：利用reduce函数

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

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，以及更精确的结束条件判断。

以上就是《JS字符串四六四分割妙招》的详细内容，更多关于的资料请关注golang学习网公众号！