百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

告别 substr() 和 substring()?更可靠的 JavaScript 字符串截取方法

wptr33 2025-07-10 21:28 5 浏览

JavaScript提供了三个主要的字符串截取方法:substr()substring()slice()。然而,在现代JavaScript开发中,越来越多的开发者和团队开始推荐使用 slice() 作为首选方案。

三种方法的基本语法对比

首先,让我们回顾一下这三种方法的基本用法:

const str = "Hello World";

// substr(start, length) - 已被弃用
str.substr(0, 5);    // "Hello"
str.substr(6, 5);    // "World"
str.substr(-5, 3);   // "Wor"

// substring(start, end)
str.substring(0, 5); // "Hello"
str.substring(6, 11); // "World"
str.substring(6);    // "World"

// slice(start, end)
str.slice(0, 5);     // "Hello"
str.slice(6, 11);    // "World"
str.slice(6);        // "World"
str.slice(-5, -1);   // "Worl"

substr() 已被标记为弃用

首先需要明确的一点是:substr() 方法已被标记为弃用

为什么被弃用?

  1. 参数语义混乱substr(start, length) 的第二个参数是长度,与其他方法不一致
  2. 负值处理不一致:在某些环境中行为可能不同
  3. 标准化问题:不是ECMAScript核心规范的一部分

substring() vs slice() 详细对比

虽然 substring() 仍然是标准方法,但 slice() 在多个方面表现更优。

  1. 负索引处理
const str = "JavaScript Development";

// substring() 将负数转换为0
console.log(str.substring(-5, 10)); // "JavaScript" (相当于 substring(0, 10))
console.log(str.substring(5, -2));  // "JavaS" (相当于 substring(0, 5))

// slice() 支持负索引, 从字符串末尾计算
console.log(str.slice(-11, -1));    // "Developmen"
console.log(str.slice(-11));        // "Development"
console.log(str.slice(0, -1));      // "JavaScript Developmen"

2. 参数顺序处理

const str = "Frontend Backend";

// substring() 会自动交换参数位置 (如果start > end)
console.log(str.substring(8, 0));    // "Frontend" (自动变为 substring(0, 8))
console.log(str.substring(10, 5));   // "end B" (自动变为 substring(5, 10))

// slice() 严格按参数顺序执行
console.log(str.slice(8, 0));        // "" (空字符串, 因为 start > end)
console.log(str.slice(10, 5));       // "" (空字符串, 因为 start > end)

3. 行为一致性

const str = "Consistent Behavior";

// slice() 的行为更可预测
function safeSlice(str, start, end) {
 return str.slice(start, end);
}

// substring() 的隐式转换可能导致意外结果
function riskySubstring(str, start, end) {
 return str.substring(start, end); // 参数可能被意外交换
}

// 测试边界情况
console.log(safeSlice(str, 5, 2));        // "" (明确的空结果)
console.log(riskySubstring(str, 5, 2));   // "nsis" (意外的结果)

slice() 的优势

  1. 标准稳定:属于ECMAScript核心规范,不会被弃用
  2. 行为一致:与数组的 slice() 方法行为一致
  3. 功能强大:支持负索引,提供更灵活的截取方式
  4. 逻辑清晰:参数含义明确,不会自动交换参数位置
  5. 可预测性:边界情况处理更符合直觉
  6. 兼容性好:所有现代环境都完美支持

其他方法的问题

  • substr():已被弃用,未来可能被移除
  • substring():参数交换和负数转换行为可能导致意外结果

相关推荐

台积电提出SRAM存内计算新方法,能效比可达89TOPS/W

芯东西(公众号:aichip001)编译|高歌编辑|云鹏芯东西3月16日消息,近期,台积电的研究人员在ISSCC2021会议上公布了一种改良的SRAM存储器阵列,该SRAM阵列采用22nm工...

Golang中如何判断两个slice是否相等?

在Golang中,要判断两个slice是否相等是不能直接使用==运算符的(==只能说明两个slice是否指向同一个底层数组)。如果两个slice的底层数组相同,但长度或容量不同...

JS入门基础知识(js基础知识总结笔记)

JS对象操作对象增删改查创建对象letobj={}新增属性obj.a=1修改属性obj.a='a'...

趣谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64

大家好,我是Echa。好久没跟粉丝们细聊JavaScript那点事了。做一名全栈工程师,JS基础还是要打牢,这样的话不管底层业务逻辑以及第三方框架怎么变化,都离不开基础。本文文章属于基础篇,阅读有点...

告别 substr() 和 substring()?更可靠的 JavaScript 字符串截取方法

JavaScript提供了三个主要的字符串截取方法:...

golang第九天,切片(slice)介绍(golang 切片作为参数)

什么是切片golang切片是对数组的抽象。go的数组长度不可改变,在特定场景中这样的集合就不太适用,go中提供了一种灵活,功能强悍的内置类型切片(“动态数组”),与数组相比切片的长度是不固定的,可以追...

Go语言零到一:数组(go struct数组)

引言...

你说你熟悉Slice,这道slice题你能答对吗?

每当你花费大量时间使用某种特定工具时,深入了解它并了解如何高效地使用它是很值得的。...

Python 3.14七大新特性总结:从t-string模板到GIL并发优化

Python3.14已进入测试阶段,根据PEP745发布计划,该版本已停止引入新功能,也就是说新特征就应该已经固定下来了。所以本文基于当前最新的beta2版本,深入分析了Python3.14中...

Python 幕后:Python导入import的工作原理

更多互联网精彩资讯、工作效率提升关注【飞鱼在浪屿】(日更新)Python最容易被误解的方面其中之一是import。...

Python元类实现自动化编程的正确姿势

元类是Python中用于创建类的类。通过元类机制,开发者可在运行时动态创建和修改类,为框架开发、设计模式实现和高级架构设计提供核心支持。在Python语言的高级特性中,元类占据着独特而重要的地位。作...

Python字符串详解与示例(python字符串类型及操作)

艾瑞巴蒂字符串的干货来了,字符串是程序中最常见的数据类型之一,用来表示数据文本,下面就来介绍下字符串的特性,操作和方法,和一些示例来吧道友:1.字符串的创建在python中字符串可以永单引号(...

恕我直言!你对Python里的import一无所知

文章来源:https://mp.weixin.qq.com/s/4WAOU_Lzy651IE-2zZSFfQ原文作者:写代码的明哥...

Python基础:字符串操作(python字符串的用法)

字符串是Python中最常用的数据类型之一,用于表示文本数据。我们将学习如何对字符串进行常见的操作,包括创建、访问、修改和处理字符串。通过掌握这些技巧,您将能够更好地处理和操作文本数据。让我们开始吧!...

Python 中 字符串处理的高效方法,不允许你还不知道

以下是Python中字符串处理的高效方法...