JavaScript字符串如何实现四位、六位、四位分段分割？

JavaScript字符串分段分割：四位、六位、四位

本文介绍如何使用JavaScript将字符串按照“四位、六位、四位”模式进行分割。 假设输入字符串类似于示例图片所示，需要将其按指定长度分段处理。

首先，我们准备一些测试数据：

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

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

接下来，我们演示两种实现方法：

方法一：使用reduce方法

此方法利用reduce函数迭代处理segmentLengths数组，每次截取指定长度的字符串片段，并添加到结果数组中。 Infinity用于处理剩余部分，filter方法去除空字符串。

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

方法二：使用生成器函数

此方法使用生成器函数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 2343 456|

选择哪种方法取决于个人偏好和代码风格。 reduce方法较为简洁，而生成器函数更易于理解和维护，尤其是在分割逻辑更复杂的情况下。 注意方法二的输出与方法一略有不同，这是因为方法二在处理剩余部分时，会将剩余的字符串分成多个片段，如果需要与方法一保持一致，需要修改方法二的逻辑。