TypeScript/JavaScript 中按最后一个分隔符拆分字符串的技巧

let url = "https://learn.edu/d2l/login?sessionExpired=1&target=%2fd2l%2fhome";
// 错误的尝试：
// let [beforeLastSlash, afterLastSlash] = url.split("/", 1);

let [firstToken, secondToken] = "hello/world".split("/"); // firstToken = "hello", secondToken = "world"

/**
 * 根据最后一个分隔符拆分字符串
 * @param str 要拆分的字符串
 * @param separator 分隔符
 * @returns 包含两部分的数组 [beforeLastSeparator, afterLastSeparator]，如果未找到分隔符，则返回 [str, '']
 */
function splitByLastSeparator(str: string, separator: string): [string, string] {
    const lastIndex = str.lastIndexOf(separator);

    if (lastIndex === -1) {
        // 如果未找到分隔符，则整个字符串作为第一部分，第二部分为空
        return [str, ''];
    } else {
        const beforeLastSeparator = str.substring(0, lastIndex);
        const afterLastSeparator = str.substring(lastIndex + separator.length); // 注意要加上分隔符的长度
        return [beforeLastSeparator, afterLastSeparator];
    }
}

let url = "https://learn.edu/d2l/login?sessionExpired=1&target=%2fd2l%2fhome";
let [beforeLastSlash, afterLastSlash] = splitByLastSeparator(url, "/");

console.log("方法一 - 分隔符前部分:", beforeLastSlash); // https://learn.edu/d2l/login?sessionExpired=1&target=%2fd2l%2fhome
console.log("方法一 - 分隔符后部分:", afterLastSlash);  // home

let path = "/usr/local/bin";
let [dir, file] = splitByLastSeparator(path, "/");
console.log("方法一 - 目录:", dir); // /usr/local
console.log("方法一 - 文件:", file); // bin

let noSlash = "example.com";
let [domain, ext] = splitByLastSeparator(noSlash, ".");
console.log("方法一 - 域名:", domain); // example
console.log("方法一 - 扩展名:", ext); // com

let singlePart = "just_one_part";
let [part1, part2] = splitByLastSeparator(singlePart, "/");
console.log("方法一 - part1:", part1); // just_one_part
console.log("方法一 - part2:", part2); // (空字符串)

/**
 * 根据最后一个分隔符拆分字符串 (使用 split, pop, join)
 * @param str 要拆分的字符串
 * @param separator 分隔符
 * @returns 包含两部分的数组 [beforeLastSeparator, afterLastSeparator]，如果未找到分隔符，则返回 [str, '']
 */
function splitByLastSeparatorUsingArrayMethods(str: string, separator: string): [string, string] {
    const parts = str.split(separator);

    if (parts.length <= 1) {
        // 如果数组长度小于等于1，说明没有分隔符或分隔符在开头/结尾导致空字符串
        // 或者是只有一个分隔符的情况，此时pop会返回唯一的元素，join会返回空
        // 例如 "a/b" -> ["a", "b"] -> pop()="b", join()="a"
        // 例如 "a" -> ["a"] -> pop()="a", join()=""
        // 例如 "/a" -> ["", "a"] -> pop()="a", join()=""
        // 例如 "a/" -> ["a", ""] -> pop()="", join()="a"
        if (str.endsWith(separator) && parts.length === 2 && parts[1] === '') {
             // 特殊处理以 "分隔符" 结尾的情况，例如 "a/" 应该返回 ["a", ""]
            return [parts[0], ''];
        }
        if (parts.length === 1) {
            return [str, ''];
        }
        // 对于 "/a" 这样的情况，parts=["", "a"]
        // pop() 会得到 "a"，剩余 [""]，join("") 得到 ""
        // 但我们想要的是 [""，"a"]
        if (str.startsWith(separator) && parts.length === 2 && parts[0] === '') {
             return ['', parts[1]];
        }
    }

    const afterLastSeparator = parts.pop() || ''; // 移除并获取最后一个元素
    const beforeLastSeparator = parts.join(separator); // 将剩余元素用分隔符重新连接

    return [beforeLastSeparator, afterLastSeparator];
}

let url2 = "https://learn.edu/d2l/login?sessionExpired=1&target=%2fd2l%2fhome";
let [beforeLastSlash2, afterLastSlash2] = splitByLastSeparatorUsingArrayMethods(url2, "/");

console.log("方法二 - 分隔符前部分:", beforeLastSlash2); // https://learn.edu/d2l/login?sessionExpired=1&target=%2fd2l%2fhome
console.log("方法二 - 分隔符后部分:", afterLastSlash2);  // home

let path2 = "/usr/local/bin";
let [dir2, file2] = splitByLastSeparatorUsingArrayMethods(path2, "/");
console.log("方法二 - 目录:", dir2); // /usr/local
console.log("方法二 - 文件:", file2); // bin

let noSlash2 = "example.com";
let [domain2, ext2] = splitByLastSeparatorUsingArrayMethods(noSlash2, ".");
console.log("方法二 - 域名:", domain2); // example
console.log("方法二 - 扩展名:", ext2); // com

let singlePart2 = "just_one_part";
let [part1_2, part2_2] = splitByLastSeparatorUsingArrayMethods(singlePart2, "/");
console.log("方法二 - part1:", part1_2); // just_one_part
console.log("方法二 - part2:", part2_2); // (空字符串)

let startsWithSlash = "/a/b/c";
let [s1, s2] = splitByLastSeparatorUsingArrayMethods(startsWithSlash, "/");
console.log("方法二 - startsWithSlash s1:", s1); // /a/b
console.log("方法二 - startsWithSlash s2:", s2); // c

let endsWithSlash = "a/b/c/";
let [e1, e2] = splitByLastSeparatorUsingArrayMethods(endsWithSlash, "/");
console.log("方法二 - endsWithSlash e1:", e1); // a/b/c
console.log("方法二 - endsWithSlash e2:", e2); // (空字符串)