当前位置:首页 > JavaScript

js 实现split

2026-04-06 05:13:34JavaScript

实现 split 方法

在 JavaScript 中,split 方法用于将字符串分割成数组。以下是几种常见的实现方式和用法:

基本用法

const str = 'apple,banana,orange';
const arr = str.split(',');
console.log(arr); // ['apple', 'banana', 'orange']

限制分割次数

const str = 'apple,banana,orange';
const arr = str.split(',', 2);
console.log(arr); // ['apple', 'banana']

使用正则表达式分割

js 实现split

const str = 'apple1banana2orange';
const arr = str.split(/\d/);
console.log(arr); // ['apple', 'banana', 'orange']

处理空字符串

const str = 'apple,,banana';
const arr = str.split(',');
console.log(arr); // ['apple', '', 'banana']

自定义 split 实现

js 实现split

function customSplit(str, separator, limit) {
  const result = [];
  let current = '';
  for (let i = 0; i < str.length; i++) {
    if (separator === '' || str.substr(i, separator.length) === separator) {
      result.push(current);
      current = '';
      i += separator.length - 1;
      if (limit && result.length >= limit) break;
    } else {
      current += str[i];
    }
  }
  if (current !== '' || !limit || result.length < limit) {
    result.push(current);
  }
  return limit ? result.slice(0, limit) : result;
}

性能优化版本

function optimizedSplit(str, delimiter) {
  const result = [];
  let start = 0;
  let index = str.indexOf(delimiter);

  while (index >= 0) {
    result.push(str.substring(start, index));
    start = index + delimiter.length;
    index = str.indexOf(delimiter, start);
  }

  result.push(str.substring(start));
  return result;
}

处理特殊字符

const str = 'apple.banana.orange';
const arr = str.split('.');
console.log(arr); // ['apple', 'banana', 'orange']

多分隔符处理

const str = 'apple,banana;orange|grape';
const arr = str.split(/[,;|]/);
console.log(arr); // ['apple', 'banana', 'orange', 'grape']

这些实现涵盖了 split 方法的主要功能和使用场景,可以根据具体需求选择合适的实现方式。

标签: jssplit
分享给朋友:

相关文章

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaSc…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <htm…

js 实现跳转

js 实现跳转

使用 window.location.href 进行跳转 通过修改 window.location.href 可以跳转到指定 URL,浏览器会加载新页面: window.location.hre…