当前位置:首页 > JavaScript

js实现 substring

2026-04-06 05:16:40JavaScript

实现 substring 的方法

在 JavaScript 中,可以通过多种方式实现字符串的子串提取。以下是几种常见的方法:

使用 substring() 方法
substring() 方法返回字符串中指定索引之间的字符,语法如下:

str.substring(startIndex, endIndex)

startIndex 是起始索引(包含),endIndex 是结束索引(不包含)。如果省略 endIndex,则提取到字符串末尾。

示例:

const str = "Hello, world!";
const result = str.substring(0, 5); // 返回 "Hello"

使用 substr() 方法
substr() 方法从指定位置开始提取指定长度的字符,语法如下:

js实现 substring

str.substr(startIndex, length)

startIndex 是起始索引,length 是要提取的字符数。如果省略 length,则提取到字符串末尾。

示例:

const str = "Hello, world!";
const result = substr(7, 5); // 返回 "world"

使用 slice() 方法
slice() 方法与 substring() 类似,但支持负数索引(从末尾开始计算),语法如下:

js实现 substring

str.slice(startIndex, endIndex)

如果参数为负数,则表示从字符串末尾开始计算。

示例:

const str = "Hello, world!";
const result = str.slice(-6, -1); // 返回 "world"

使用正则表达式提取子串
如果需要基于模式匹配提取子串,可以使用 match() 方法配合正则表达式。

示例:

const str = "Hello, world!";
const result = str.match(/world/)[0]; // 返回 "world"

注意事项

  • substring()slice() 的主要区别在于对负数的处理:substring() 会将负数视为 0,而 slice() 支持负数索引。
  • substr() 方法已被标记为废弃,建议使用 substring()slice() 替代。
  • 如果起始索引大于结束索引,substring() 会自动交换参数,而 slice() 会返回空字符串。

标签: jssubstring
分享给朋友:

相关文章

js 实现继承

js 实现继承

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

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('image…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js手势实现

js手势实现

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

js实现显示隐藏

js实现显示隐藏

显示隐藏的实现方法 在JavaScript中,实现元素的显示和隐藏可以通过多种方式完成。以下是几种常见的方法: 修改CSS的display属性 通过改变元素的display属性可以在none(隐藏)…

js 实现图片轮播

js 实现图片轮播

基础实现方案 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS负责样式布局,JavaScript处理轮播逻辑。 <div class="…