当前位置:首页 > JavaScript

js实现 substring

2026-02-01 12:30:04JavaScript

实现 substring 的方法

在 JavaScript 中,substring 是字符串对象的一个方法,用于提取字符串中介于两个指定下标之间的字符。以下是几种常见的实现方式和使用场景。

使用原生 substring 方法

JavaScript 字符串原生提供了 substring 方法,语法如下:

str.substring(startIndex, endIndex)
  • startIndex:必需,指定开始提取的位置(包含该位置的字符)。
  • endIndex:可选,指定结束提取的位置(不包含该位置的字符)。如果省略,则提取到字符串末尾。

示例:

const str = "Hello, World!";
const result = str.substring(0, 5); // 输出 "Hello"

使用 slice 方法

slice 方法与 substring 类似,但支持负数索引(从字符串末尾开始计算):

str.slice(startIndex, endIndex)

示例:

const str = "Hello, World!";
const result = str.slice(0, 5); // 输出 "Hello"
const result2 = str.slice(-6, -1); // 输出 "World"

使用 substr 方法(已废弃)

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

str.substr(startIndex, length)
  • startIndex:必需,开始提取的位置。
  • length:可选,提取的字符数。如果省略,则提取到字符串末尾。

示例:

const str = "Hello, World!";
const result = str.substr(0, 5); // 输出 "Hello"

注意:substr 已废弃,不推荐在新代码中使用。

手动实现 substring

如果需要手动实现 substring 的功能,可以通过循环或数组操作完成:

js实现 substring

function customSubstring(str, start, end) {
    if (end === undefined) end = str.length;
    let result = "";
    for (let i = start; i < end && i < str.length; i++) {
        result += str[i];
    }
    return result;
}

const str = "Hello, World!";
const result = customSubstring(str, 0, 5); // 输出 "Hello"

注意事项

  • substringslice 的主要区别在于对负数的处理:substring 会将负数视为 0,而 slice 会从字符串末尾计算。
  • 如果 startIndex 大于 endIndexsubstring 会自动交换两者的位置,而 slice 不会。

通过以上方法,可以灵活地实现字符串的子串提取需求。

标签: jssubstring
分享给朋友:

相关文章

js 多选 实现

js 多选 实现

实现多选的 JavaScript 方法 使用复选框(Checkbox)实现多选 通过 HTML 的 checkbox 元素配合 JavaScript 实现多选功能。用户可以选择多个选项,提交时获取所有…

vue js 实现排序

vue js 实现排序

Vue.js 实现排序的方法 在 Vue.js 中实现排序可以通过多种方式完成,包括使用计算属性、方法或直接操作数据。以下是几种常见的实现方式: 使用计算属性排序 计算属性可以自动响应数据变化并重新…

vue.js实现restful

vue.js实现restful

Vue.js 实现 RESTful API 调用 在 Vue.js 中实现 RESTful API 调用通常涉及以下几个关键步骤: 安装 Axios Axios 是一个流行的 HTTP 客户端,用于…

vue.js实现异步

vue.js实现异步

Vue.js 实现异步的方法 Vue.js 提供了多种方式来处理异步操作,以下是常见的实现方法: 使用 async/await 语法 在 Vue 组件的方法中,可以使用 async/await 来简…

vue.js watch实现

vue.js watch实现

使用 watch 监听数据变化 在 Vue.js 中,watch 用于监听响应式数据的变化,并在数据变化时执行回调函数。 基本语法 export default { data() {…

vue.js实现scrollTop

vue.js实现scrollTop

Vue.js 实现 scrollTop 的方法 使用原生 JavaScript 实现 通过 window.scrollTo 或 Element.scrollTop 实现滚动到指定位置。在 Vue 中可…