JavaScript 字符串截取方法详解：slice(),substring()和substr()的使用与区别
编辑：本站更新：2024-09-11 15:20:09人气：581
在深入探讨 JavaScript 中处理字符串这一核心课题时，我们无法忽视三个至关重要的函数——`slice()`、`substring()`以及 `substr()`。这三种方法均用于从原始字符串中提取子字符串或进行特定部分的“截取”，但各自的工作机制及特点略有不同。
首先来解析一下 `slice()` 方法。该方法接受两个参数：起始索引（包含）和结束索引（不包含）。如果省略了第二个参数，则会一直截取到原字符串末尾。值得注意的是，在JavaScript中的数组和字符串中，索引是从0开始计数的，并且可以是负值。当提供一个负数值作为参数时，它将从前向后计算位置，-1表示最后一个字符的位置。例如：
let str = "Hello World!";
console.log(str.slice(3)); // 输出："lo World!"
console.log(str.slice(-6)); // 输出："World!"
接下来讨论 `substring()` 函数，其同样接收两个参数，分别代表需要截取的部分的开始和结束处的索引。然而，此方法会对传入的参数做边界校正 —— 即无论输入顺序如何，始终返回以较小数字为起点至较大数字为止的子串；若任一参数超出范围则自动调整为其对应的有效端点。示例代码如下所示：
var myStr = 'Javascript String Manipulation';
console.log(myStr.substring(7, -4));
//输出：“String M”
//虽然给出的终点是负数，但它被修正到了有效范围内
console.log(myStr.substring(25, 8));
//输出:"Manipulatio"
//尽管给定的起始大于终止，但是它们会被交换确保起始小于终止。
最后提及的是 `substr()` 这个功能相对更为灵活的方法。它也需要至少传递两个参数，第一个同样是所需片段的起始下标，而第二参则是要获取的字符数量而非结束坐标。同样的，这个方法也支持负的第一个参数按逆序查找并从此偏移量开始计数长度。举例来说，
var txt = "<NAME>";
console.log(txt.substr(0, 9 )); // 输出："John Doe"
console.log(txt.substr(10, ¾ )); // 输出："Doe" （实际只会读取最多剩下的字符）
console.log(txt.substr(-3)); // 输出："e", 取倒数第三个到最后的所有字符
总结来看：
- `slice(start[, end])`: 根据指定的索引来切分出一段新的字符串；
- `substring(indexStart [, indexEnd ])`: 同样基于提供的索引区间得到新字符串，但在异常情况下具有自我纠错的能力，始终保持start < end;
- `substr(from[, length ])`: 使用初始索引及其后的固定字符数目生成子串。
理解这些微妙的区别有助于我们在具体场景中更准确地运用相应的方法实现对字符串的各种高效操作。同时需要注意，虽然这三个方法都能完成字符串截取的任务，但由于行为上的差异性，请务必依据实际情况选用最合适的一种方式去执行相应的编程任务。
首先来解析一下 `slice()` 方法。该方法接受两个参数：起始索引（包含）和结束索引（不包含）。如果省略了第二个参数，则会一直截取到原字符串末尾。值得注意的是，在JavaScript中的数组和字符串中，索引是从0开始计数的，并且可以是负值。当提供一个负数值作为参数时，它将从前向后计算位置，-1表示最后一个字符的位置。例如：
javascript
let str = "Hello World!";
console.log(str.slice(3)); // 输出："lo World!"
console.log(str.slice(-6)); // 输出："World!"
接下来讨论 `substring()` 函数，其同样接收两个参数，分别代表需要截取的部分的开始和结束处的索引。然而，此方法会对传入的参数做边界校正 —— 即无论输入顺序如何，始终返回以较小数字为起点至较大数字为止的子串；若任一参数超出范围则自动调整为其对应的有效端点。示例代码如下所示：
javascript
var myStr = 'Javascript String Manipulation';
console.log(myStr.substring(7, -4));
//输出：“String M”
//虽然给出的终点是负数，但它被修正到了有效范围内
console.log(myStr.substring(25, 8));
//输出:"Manipulatio"
//尽管给定的起始大于终止，但是它们会被交换确保起始小于终止。
最后提及的是 `substr()` 这个功能相对更为灵活的方法。它也需要至少传递两个参数，第一个同样是所需片段的起始下标，而第二参则是要获取的字符数量而非结束坐标。同样的，这个方法也支持负的第一个参数按逆序查找并从此偏移量开始计数长度。举例来说，
javascript
var txt = "<NAME>";
console.log(txt.substr(0, 9 )); // 输出："John Doe"
console.log(txt.substr(10, ¾ )); // 输出："Doe" （实际只会读取最多剩下的字符）
console.log(txt.substr(-3)); // 输出："e", 取倒数第三个到最后的所有字符
总结来看：
- `slice(start[, end])`: 根据指定的索引来切分出一段新的字符串；
- `substring(indexStart [, indexEnd ])`: 同样基于提供的索引区间得到新字符串，但在异常情况下具有自我纠错的能力，始终保持start < end;
- `substr(from[, length ])`: 使用初始索引及其后的固定字符数目生成子串。
理解这些微妙的区别有助于我们在具体场景中更准确地运用相应的方法实现对字符串的各种高效操作。同时需要注意，虽然这三个方法都能完成字符串截取的任务，但由于行为上的差异性，请务必依据实际情况选用最合适的一种方式去执行相应的编程任务。
www.php580.com PHP工作室 - 全面的PHP教程、实例、框架与实战资源
PHP学习网是专注于PHP技术学习的一站式在线平台，提供丰富全面的PHP教程、深入浅出的实例解析、主流PHP框架详解及实战应用，并涵盖PHP面试指南、最新资讯和活跃的PHP开发者社区。无论您是初学者还是进阶者，这里都有助于提升您的PHP编程技能。
转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。