js裁剪(分隔)字符串的三种常用方法

当我们处理字符串时，经常需要对字符串进行裁剪或者分隔，这里我介绍三种常用的JavaScript字符串处理方法。

方法一：使用substr方法裁剪字符串

substr方法基于指定的起始下标和长度裁剪给定的字符串。

const originalString = "Hello, World!";
const startIndex = 7; // 字符串中"World"的起始下标是7
const length = 5; // 裁剪长度是5
const resultString = originalString.substr(startIndex, length);

console.log(resultString); // 输出 "World"

在以上示例中，我们首先指定了原始字符串和要裁剪的长度，在裁剪的过程中，我们只选择了字符串中的一部分，结果将其存储在了resultString变量中。

方法二：使用substring方法裁剪字符串

与substr方法不同，substring方法基于两个指定的下标（开始和结束）裁剪字符串。所得到的子字符串将从起始下标开始，到结束下标之前的那个字符结束。

const originalString = "Hello, World!";
const startIndex = 7; // 字符串中"World"的起始下标是7
const endIndex = 12; // 计算起点之后的5个字符，结束下标是12
const resultString = originalString.substring(startIndex, endIndex);

console.log(resultString); // 输出 "World"

跟substr方法相似，以上示例也是选择字符串中的一部分并将其存储在resultString变量中。

方法三：使用split方法分隔字符串

split方法将字符串分隔成多个子字符串，然后将结果存储在一个数组中。在调用split方法时，我们需要指定分隔符，也可以选择将结果数组的大小限制在一个指定的数字以下。

const originalString = "Apple,Banana,Cucumber";
const delimiter = ","; // 以逗号为分隔符
const resultArray = originalString.split(delimiter);

console.log(resultArray); // 输出 ["Apple", "Banana", "Cucumber"]

在以上示例中，我们指定字符串的分隔符是一个逗号。结果，原始字符串被分成了三个子字符串，每一个被存储在结果数组中。

三种方法中，使用substring和substr的输出结果类似，并且使用split方法可以将字符串分割为数组，以便于更好地处理。适当地使用这些方法可以让你优雅地处理字符串。