告别 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() 方法已被标记为弃用。
为什么被弃用?
- 参数语义混乱:substr(start, length) 的第二个参数是长度,与其他方法不一致
- 负值处理不一致:在某些环境中行为可能不同
- 标准化问题:不是ECMAScript核心规范的一部分
substring() vs slice() 详细对比
虽然 substring() 仍然是标准方法,但 slice() 在多个方面表现更优。
- 负索引处理
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() 的优势
- 标准稳定:属于ECMAScript核心规范,不会被弃用
- 行为一致:与数组的 slice() 方法行为一致
- 功能强大:支持负索引,提供更灵活的截取方式
- 逻辑清晰:参数含义明确,不会自动交换参数位置
- 可预测性:边界情况处理更符合直觉
- 兼容性好:所有现代环境都完美支持
其他方法的问题
- 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中字符串处理的高效方法...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
因果推断Matching方式实现代码 因果推断模型
-
git pull命令使用实例 git pull--rebase
-
面试官:git pull是哪两个指令的组合?
-
git 执行pull错误如何撤销 git pull fail
-
git pull 和git fetch 命令分别有什么作用?二者有什么区别?
-
git fetch 和git pull 的异同 git中fetch和pull的区别
-
git pull 之后本地代码被覆盖 解决方案
-
还可以这样玩?Git基本原理及各种骚操作,涨知识了
-
git命令之pull git.pull
-
- 最近发表
-
- 台积电提出SRAM存内计算新方法,能效比可达89TOPS/W
- Golang中如何判断两个slice是否相等?
- JS入门基础知识(js基础知识总结笔记)
- 趣谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64
- 告别 substr() 和 substring()?更可靠的 JavaScript 字符串截取方法
- golang第九天,切片(slice)介绍(golang 切片作为参数)
- Go语言零到一:数组(go struct数组)
- 你说你熟悉Slice,这道slice题你能答对吗?
- Python 3.14七大新特性总结:从t-string模板到GIL并发优化
- Python 幕后:Python导入import的工作原理
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)
- c语言 switch (34)
- git commit (34)