极客笔记JavaScript 如何截断字符串
在JavaScript中，你可以使用 substring()方法 或 slice()方法 来截断字符串。
示例
以下是使用 substring()方法 的示例：
let str = "This is a long string that needs to be truncated";
let truncatedStr = str.substring(0, 10); // get the first 10 characters
console.log(truncatedStr);
输出：
This is a
在这个示例中， substring() 函数用于提取字符串的前10个字符。substring()函数的第一个参数是子字符串的起始索引，第二个参数是结束索引（不包括）。所以，在这个示例中，子字符串从索引0开始，到索引10结束（包括第10个字符）。
如果你更喜欢使用 slice() 函数，你可以这样做：
let str = "This is a long string that needs to be truncated";
let truncatedStr = str.slice(0, 10); // get the first 10 characters
console.log(truncatedStr);
输出：
This is a
slice() 函数的使用方法与 substring() 函数类似，第一个参数是 起始索引 ，第二个参数是 结束索引 （不包括）。
请注意，如果原始字符串的长度小于所需长度，两个方法都会返回整个字符串。如果要添加省略号来表示字符串已被截断，可以像这样操作：
let str = "This is a long string that needs to be truncated";
let maxLength = 10;
let truncatedStr = str.length>maxLength ? str.substring(0, maxLength) + "..." : str;
console.log(truncatedStr);
输出:
This is a ...
在这个示例中， maxLength 是截断字符串的最大长度，并且三元运算符检查原始字符串的长度是否大于maxLength。如果是，它使用 substring() 提取前maxLength个字符，并在截断字符串的末尾添加省略号。如果字符串的长度小于或等于maxLength，则只返回原始字符串。
这里是一些额外的代码，你可以在JavaScript中使用它来截断字符串：
function truncateString(str, maxLength) { if (str.length>maxLength) { return str.substring(0, maxLength) + "..."; } else { return str; } } let str = "This is a long string that needs to be truncated"; let maxLength = 10; let truncatedStr = truncateString(str, maxLength); console.log(truncatedStr);
输出:
This is a ...
在这个代码中，定义了一个名为truncateString()的函数，它接受两个参数：str表示要截断的字符串，maxLength表示截断字符串的最大长度。函数会检查str字符串的长度是否大于maxLength。如果大于，则使用substring()方法提取前maxLength个字符，并在截断的字符串末尾添加省略号。如果字符串的长度小于或等于maxLength，则直接返回原始字符串。
可以使用不同的str和maxLength值来调用truncateString()函数，以截断不同长度的字符串。
下面是另一个示例，使用了slice()方法：
function truncateString(str, maxLength) {
if (str.length>maxLength) {
return str.slice(0, maxLength) + "...";
} else {
return str;
}
}
let str = "This is a long string that needs to be truncated";
let maxLength = 10;
let truncatedStr = truncateString(str, maxLength);
console.log(truncatedStr);
输出:
This is a ...
这段代码与之前的示例类似，但是使用了 slice() 方法而不是 substring() 方法来提取字符串的前maxLength个字符。if语句检查str字符串的长度是否大于maxLength，如果是的话，函数就使用 slice() 方法来提取前maxLength个字符，并在截断字符串的末尾添加省略号。如果字符串的长度小于或等于maxLength，则直接返回原始字符串。
下面是另一个示例，它使用正则表达式来截断字符串：
function truncateString(str, maxLength) {
if (str.length>maxLength) {
return str.replace(/^(.{0,maxLength}\S*)(\s.*|)/s, "1...");
} else {
return str;
}
}
let str = "This is a long string that needs to be truncated";
let maxLength = 10;
let truncatedStr = truncateString(str, maxLength);
console.log(truncatedStr);
输出：
This is a ...