当前位置:首页 > 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() 方法从指定位置开始提取指定长度的字符,语法如下:

str.substr(startIndex, length)

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

示例:

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

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

str.slice(startIndex, endIndex)

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

示例:

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

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

示例:

js实现 substring

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

注意事项

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

标签: jssubstring
分享给朋友:

相关文章

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选框…

js分组实现

js分组实现

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

js实现论坛

js实现论坛

实现论坛的基本功能 使用JavaScript实现一个论坛需要结合前端和后端技术。前端可以使用React、Vue或Angular等框架,后端可以选择Node.js配合Express或Koa框架。数据库可…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。 &…

js实现代码雨

js实现代码雨

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