如何在 jQuery 中截断字符串？

在前端开发中，我们经常需要截断字符串来限制用户输入的字符长度或展示较长的文本内容。jQuery 提供了多种方法来截取字符串。本篇文章将介绍其中三种最常用的方法，并提供相应的示例代码。

方法一：使用 substr 函数

substr 函数可以从一个字符串中提取指定长度的子字符串。该函数接受两个参数：起始位置和需要截取的字符数。

var str = "Hello, world!";
var result = str.substr(0, 5); // result = "Hello"

上述代码中，substr 函数从 str 字符串中提取了前五个字符，即 "Hello"。

方法二：使用 substring 函数

substring 函数也可以从一个字符串中提取指定长度的子字符串。该函数接受两个参数：起始位置和结束位置（不包括该位置的字符）。

var str = "Hello, world!";
var result = str.substring(0, 5); // result = "Hello"

与 substr 函数不同的是，substring 函数的第二个参数是截止位置而非字符数。上述代码中，substring 函数从 str 字符串中提取了从第一个字符到第五个字符之间的子字符串，即 "Hello"。

方法三：使用 slice 函数

slice 函数也可以从一个字符串中提取指定长度的子字符串。该函数接受两个参数：起始位置和结束位置（不包括该位置的字符）。

var str = "Hello, world!";
var result = str.slice(0, 5); // result = "Hello"

与 substring 函数类似，slice 函数的第二个参数也是截止位置而非字符数。上述代码中，slice 函数从 str 字符串中提取了从第一个字符到第五个字符之间的子字符串，即 "Hello"。

总结

以上三种方法都可以在 jQuery 中截取字符串。它们各自有着不同的使用场景，需要根据实际情况选择合适的方法。同时，需要注意的是，这些函数都不会修改原始字符串，而是返回一个新的字符串，因此需要将结果保存到变量中以便后续使用。

// 示例代码：
var str = "Hello, world!";
var result1 = str.substr(0, 5); // result1 = "Hello"
var result2 = str.substring(0, 5); // result2 = "Hello"
var result3 = str.slice(0, 5); // result3 = "Hello"

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14402