如何截取子串、拼接字符串并转数组？及特定数组字符串提取需求

问题1：字符串截取子串、拼接后转数组 #

这个需求其实可以拆成三步来实现，我给你举个具体例子帮你理解：

假设我们有原字符串："2024-StackOverflow-Questions"，想要截取"StackOverflow"这部分，拼接前缀"https://example.com/tag/"，最后转成数组。

步骤如下：

• 截取子串：可以用slice()、substring()或者split()，两种常用方式示例：

  const originalStr = "2024-StackOverflow-Questions";
  // 方法1：用split分割取对应片段
  const subStr = originalStr.split("-")[1];
  // 方法2：用indexOf定位后截取
  const start = originalStr.indexOf("-") + 1;
  const end = originalStr.lastIndexOf("-");
  const subStr = originalStr.slice(start, end);
  

• 拼接字符串：直接用模板字符串或者+号拼接都可以：

  const newStr = `https://example.com/tag/${subStr}`;
  

• 转换为数组：如果是单个处理后的字符串转数组，直接用数组字面量包裹即可；如果是批量处理多个字符串，用map遍历原数组执行上述操作就能得到结果数组：

  // 单个字符串转数组
  const resultArr = [newStr];
  // 批量处理示例
  const strList = ["A-Test1", "B-Test2"];
  const batchResult = strList.map(str => {
    const sub = str.split("-")[1];
    return `https://example.com/${sub}`;
  });
  

问题2：提取数组字符串中括号内内容并生成链接数组 #

你用substring遇到问题，大概率是因为要手动定位[和]的索引，一旦字符串格式有变动就容易出错对吧？其实用正则表达式会更简洁可靠，刚好匹配你这种[xxx]的格式。

直接上可运行的代码，注释很清楚：

const originalArr = [
  "Exit Survey [hr.exitinterview]",
  "Certificate [hr.certificate]",
  "Recommendation Letter [hr.recommendation]"
];

const generateLinkArray = (arr) => {
  return arr.map(item => {
    // 正则匹配[]中的内容，捕获组提取括号内的部分
    const matchResult = item.match(/\[([^\]]+)\]/);
    // 匹配成功就拼接前缀，失败则返回原内容（可根据需求自定义默认值）
    if (matchResult) {
      const path = matchResult[1];
      return `https://somelink/${path}`;
    }
    return item;
  });
};

// 调用函数得到结果
const linkArr = generateLinkArray(originalArr);
console.log(linkArr);
// 输出：["https://somelink/hr.exitinterview", "https://somelink/hr.certificate", "https://somelink/hr.recommendation"]

正则的优势在于不管前面的文本多长，都能精准提取[和]之间的内容，比手动用substring找索引稳定得多——毕竟如果字符串里出现多个[或者文本长度变化，substring的索引逻辑就会失效。

如果一定要用substring实现，也可以，但需要做边界判断：

const generateLinkArray = (arr) => {
  return arr.map(item => {
    const startIdx = item.indexOf("[") + 1;
    const endIdx = item.indexOf("]");
    // 确保找到有效的括号位置再截取
    if (startIdx > 0 && endIdx > startIdx) {
      const path = item.substring(startIdx, endIdx);
      return `https://somelink/${path}`;
    }
    return item;
  });
};

但这种方式容错性不如正则，还是更推荐用正则方案。

内容的提问来源于stack exchange，提问作者merilstack