JavaScript 中怎样截取字符串

在 JavaScript 开发中，字符串截取是一项常见的操作。掌握不同的字符串截取方法，能让开发者更加高效地处理文本数据。本文将详细介绍几种在 JavaScript 里截取字符串的方式。

首先是 substring() 方法。该方法接收两个参数，分别是起始位置和结束位置（结束位置可不填）。它会返回从起始位置开始到结束位置（不包含结束位置）的子字符串。例如：

let str = "Hello, World!";
let subStr = str.substring(7); 
console.log(subStr); 

这段代码会输出 “World!”，因为起始位置为 7，从 “W” 开始截取到字符串末尾。若提供两个参数，如 str.substring(7, 12)，则会截取 “World”。

substr() 方法同样用于截取字符串，不过它的参数含义有所不同。第一个参数是起始位置，第二个参数是要截取的字符数量。例如：

let str2 = "JavaScript is great";
let subStr2 = str2.substr(11, 5); 
console.log(subStr2); 

上述代码会输出 “great”，从位置 11 开始，截取 5 个字符。

slice() 方法也能实现字符串截取，它的参数与 substring() 类似，第一个参数是起始位置，第二个参数是结束位置（可选）。但 slice() 方法支持负参数，负参数表示从字符串末尾开始计数。例如：

let str3 = "Learn JavaScript";
let subStr3 = str3.slice(-11); 
console.log(subStr3); 

这里会输出 “JavaScript”，-11 表示从倒数第 11 个字符开始截取到末尾。

在 ES6 中新增的 String.prototype.match() 方法结合正则表达式也能进行字符串截取。例如：

let str4 = "Today is 2023-10-05";
let matchResult = str4.match(/\d{4}-\d{2}-\d{2}/); 
console.log(matchResult[0]); 

这段代码通过正则表达式匹配出日期格式的字符串，并输出 “2023-10-05”。

在实际应用中，需要根据具体需求选择合适的字符串截取方法。substring() 和 substr() 方法较为简单直接，适合常规的截取需求；slice() 方法支持负参数，在处理不确定长度或从末尾截取的情况时更灵活；而利用 match() 方法结合正则表达式，则能实现复杂模式下的字符串截取。熟练掌握这些方法，能为 JavaScript 字符串处理工作带来极大便利。