当前位置:首页 > JavaScript

js实现split

2026-03-14 23:45:41JavaScript

实现 JavaScript 的 split 方法

JavaScript 的 split 方法用于将字符串分割成子字符串数组。以下是手动实现该功能的几种方法:

基础实现

通过循环遍历字符串,根据分隔符拆分字符串:

function customSplit(str, separator, limit) {
  const result = [];
  let current = '';
  let count = 0;

  for (let i = 0; i < str.length; i++) {
    if (separator === '' && current !== '') {
      result.push(current);
      current = '';
      count++;
      if (limit && count >= limit) break;
    }

    if (str[i] === separator && separator !== '') {
      result.push(current);
      current = '';
      count++;
      if (limit && count >= limit) break;
    } else {
      current += str[i];
    }
  }

  if (current !== '' && (!limit || count < limit)) {
    result.push(current);
  }

  return result;
}

使用正则表达式

利用正则表达式处理复杂的分隔符情况:

function customSplitRegex(str, separator, limit) {
  const regex = new RegExp(separator);
  const result = [];
  let start = 0;
  let count = 0;

  for (let i = 0; i < str.length; i++) {
    if (regex.test(str[i])) {
      result.push(str.substring(start, i));
      start = i + 1;
      count++;
      if (limit && count >= limit) break;
    }
  }

  if (start < str.length && (!limit || count < limit)) {
    result.push(str.substring(start));
  }

  return result;
}

处理空分隔符

空分隔符会将字符串拆分为单个字符:

function customSplitEmpty(str, limit) {
  const result = [];
  for (let i = 0; i < str.length; i++) {
    result.push(str[i]);
    if (limit && i >= limit - 1) break;
  }
  return result;
}

完整实现

结合上述方法处理各种情况:

js实现split

function fullCustomSplit(str, separator, limit) {
  if (separator === undefined) return [str];
  if (typeof separator !== 'string' && !(separator instanceof RegExp)) {
    separator = String(separator);
  }

  if (separator === '') return customSplitEmpty(str, limit);
  if (separator instanceof RegExp) return customSplitRegex(str, separator, limit);
  return customSplit(str, separator, limit);
}

注意事项

  • 原生 split 方法支持正则表达式作为分隔符,上述代码中的正则处理是简化版。
  • 如果分隔符未找到,返回包含原字符串的数组。
  • limit 参数限制返回数组的长度。

标签: jssplit
分享给朋友:

相关文章

js实现继承

js实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…