JavaScript/TypeScript中可自定义边界取舍的字符串截取函数问询

嘿，这个问题确实说到点子上了——原生的slice、substr和substring确实没法直接满足你的这两个定制需求。我确认过，JS/TS里并没有内置的函数能完美匹配你想要的行为，不过我们可以自己封装一个非常灵活的函数来解决这个问题！

先理清楚你的核心需求：

• 可以自定义是否包含起始索引和结束索引对应的字符
• 当start和end相等时，返回该位置的单个字符（而不是空字符串）

下面是我写的实现，不管是JS还是TS都能用，还兼容了原生方法里的负数索引处理：

JavaScript 版本 #

function customSlice(str, start, end, { includeStart = true, includeEnd = false } = {}) {
  // 处理负数索引，转换成字符串内的正索引
  const normalizedStart = start < 0 ? str.length + start : start;
  const normalizedEnd = end < 0 ? str.length + end : end;

  // 确保起始索引不大于结束索引，避免反向截取的混乱
  let adjustedStart = Math.min(normalizedStart, normalizedEnd);
  let adjustedEnd = Math.max(normalizedStart, normalizedEnd);

  // 处理 start 和 end 相等的情况：返回对应位置的单个字符
  if (adjustedStart === adjustedEnd) {
    if (adjustedStart >= 0 && adjustedStart < str.length) {
      return str[adjustedStart];
    }
    return '';
  }

  // 根据参数调整截取的实际起始/结束位置
  let sliceStart = includeStart ? adjustedStart : adjustedStart + 1;
  let sliceEnd = includeEnd ? adjustedEnd + 1 : adjustedEnd;

  // 边界保护，避免索引越界
  sliceStart = Math.max(0, sliceStart);
  sliceEnd = Math.min(str.length, sliceEnd);

  return str.slice(sliceStart, sliceEnd);
}

TypeScript 版本（带类型定义） #

interface CustomSliceOptions {
  includeStart?: boolean;
  includeEnd?: boolean;
}

function customSlice(str: string, start: number, end: number, options: CustomSliceOptions = {}): string {
  const { includeStart = true, includeEnd = false } = options;

  const normalizedStart = start < 0 ? str.length + start : start;
  const normalizedEnd = end < 0 ? str.length + end : end;

  let adjustedStart = Math.min(normalizedStart, normalizedEnd);
  let adjustedEnd = Math.max(normalizedStart, normalizedEnd);

  if (adjustedStart === adjustedEnd) {
    if (adjustedStart >= 0 && adjustedStart < str.length) {
      return str[adjustedStart] || '';
    }
    return '';
  }

  let sliceStart = includeStart ? adjustedStart : adjustedStart + 1;
  let sliceEnd = includeEnd ? adjustedEnd + 1 : adjustedEnd;

  sliceStart = Math.max(0, sliceStart);
  sliceEnd = Math.min(str.length, sliceEnd);

  return str.slice(sliceStart, sliceEnd);
}

测试几个常用场景 #

• start 和 end 相等：customSlice('hello', 2, 2) → 返回 'l'
• 默认左闭右开（和原生slice一致）：customSlice('hello', 1, 3) → 返回 'el'
• 包含结束索引字符：customSlice('hello', 1, 3, { includeEnd: true }) → 返回 'ell'
• 不包含起始索引字符：customSlice('hello', 1, 3, { includeStart: false }) → 返回 'l'
• 负数索引：customSlice('hello', -3, -1, { includeEnd: true }) → 返回 'llo'

这个函数完全贴合你的需求，而且保留了原生方法的一些友好特性（比如负数索引），你可以直接放到项目里复用。原生之所以没有这类函数，是因为它的设计目标是覆盖通用的基础截取场景，这种定制化的需求自己封装反而更灵活~

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