在jQuery中截取字符串最后一个字符，主要依赖JavaScript原生字符串方法，常用方式有两种：一是使用slice(-1)，参数-1表示从字符串末尾开始截取最后一个字符，如var str = "hello"; var lastChar = str.slice(-1);结果为"o"；二是通过charAt(str.length-1)获取指定索引字符，str.length-1即为最后一个字符的位置，jQuery虽未提供独立截取方法，但可无缝配合原生JS操作，简单高效，适用于处理动态文本或数据提取场景。
jQuery轻松截取字符串最后一个字符的方法与技巧
在Web开发中,字符串处理是一项基础且频繁的任务，而"截取字符串最后一个字符"的需求尤为常见——无论是处理用户输入时去除末尾多余的逗号、提取文件名的扩展名，还是解析URL参数时分离末尾标识符，虽然jQuery本身并未提供专门的"截取最后一个字符"方法，但我们可以巧妙结合JavaScript原生字符串操作与jQuery的便捷性，轻松实现这一功能，本文将详细介绍几种实用方法，并通过示例代码帮助读者快速掌握。
明确核心思路：先获取字符串，再截取字符
jQuery的核心优势在于DOM操作,而字符串截取属于JavaScript的基础能力，实现"jQuery截取字符串最后一个字符"的核心思路分为两步：
- 通过jQuery获取目标字符串（如元素的文本内容、表单输入值等）
- 使用JavaScript字符串方法截取最后一个字符
关键步骤1：通过jQuery获取字符串
在截取字符前,我们需要先获取目标字符串，jQuery提供了多种方法获取元素的文本或值，常用场景包括：
获取元素的文本内容（.text()或.html()）
// 获取p标签的文本内容
var str = $("p").text(); // 假设p标签内容为"Hello, World!"
注意：.text()返回纯文本内容，而.html()会返回HTML标签内容，如果元素包含HTML标签，且您需要保留标签结构，应使用.html()。
获取表单输入框的值（.val()）
// 获取input输入框的值
var str = $("input[type='text']").val(); // 假设输入框内容为"jQuery123"
直接定义字符串变量
如果字符串不依赖DOM元素,可直接定义：
var str = "这是一个测试字符串";
关键步骤2：使用JavaScript方法截取最后一个字符
获取字符串后,我们可以通过以下JavaScript原生方法截取最后一个字符，每种方法的特点和适用场景略有不同：
方法1：charAt() —— 返回指定位置的字符
charAt(index)方法返回字符串中index位置的字符（索引从0开始），要获取最后一个字符，只需传入字符串长度-1：
var str = "Hello, World!"; var lastChar = str.charAt(str.length - 1); // 返回 "!" console.log(lastChar); // 输出: !
特点：
- 直接返回字符（非字符串）
- 适合仅需单个字符的场景
- 性能最优,因为不需要创建新字符串
方法2：slice() —— 提取字符串片段
slice(start, end)方法提取从start到end（不含end）的字符串片段。支持负数索引，-1表示"倒数第一个字符"：
var str = "Hello, World!"; var lastChar = str.slice(-1); // 返回 "!" console.log(lastChar); // 输出: ! // 也可使用正数索引（需计算长度） var lastChar2 = str.slice(str.length - 1); // 同样返回 "!"
特点：
- 返回字符串
- 语法简洁,支持负数索引
- 推荐使用（尤其适合需要"倒数N个字符"的场景，如
slice(-2)可截取最后两个字符）
方法3：substr() —— 提取从指定位置开始的字符
substr(start, length)方法从start位置开始，提取length个字符，同样支持负数索引，-1表示"倒数第一个位置"，length=1表示提取1个字符：
var str = "Hello, World!"; var lastChar = str.substr(-1, 1); // 返回 "!" console.log(lastChar); // 输出: !
特点：
- 通过
length控制提取字符数 - 适合需要"从某个位置开始提取N个字符"的场景
- 注意：ES标准已不推荐使用此方法，但在大多数浏览器中仍被支持
方法4：substring() —— 提取两个索引间的字符
substring(start, end)方法与slice()类似，但不支持负数索引，且当start大于end时会自动交换两者位置：
var str = "Hello, World!"; var lastChar = str.substring(str.length - 1); // 返回 "!" console.log(lastChar); // 输出: !
特点：
- 不支持负数索引
- 灵活性不如
slice() - 一般不推荐用于"截取最后一个字符"的场景
性能比较与最佳实践
| 方法 | 返回类型 | 支持负索引 | 性能 | 推荐度 |
|---|---|---|---|---|
| charAt() | 字符 | 最优 | ||
| slice() | 字符串 | 优秀 | ||
| substr() | 字符串 | 良好 | ||
| substring() | 字符串 | 良好 |
推荐选择：
- 仅需单个字符且追求性能：使用
charAt() - 需要字符串结果或需要截取多个字符：使用
slice()
综合示例：jQuery结合截取字符串的实际应用
示例1：去除输入框末尾多余的逗号
假设用户输入"苹果,香蕉,橙子,"（末尾有多余逗号），我们需要截取最后一个字符并判断是否为逗号，若是则去除：
// 获取输入框值
var inputVal = $("input#fruits").val();
// 截取最后一个字符
var lastChar = inputVal.slice(-1);
// 如果是逗号，则去除
if (lastChar === ",") {
var newVal = inputVal.slice(0, -1); // 截取除最后一个字符外的所有字符
$("input#fruits").val(newVal); // 重新设置输入框值
console.log("去除逗号后：" + newVal); // 输出: 苹果,香蕉,橙子
}
示例2：提取文件名的扩展名
假设有一个文件名"document.pdf"，我们需要提取最后一个点后的扩展名"pdf"：
var fileName = $("span#fileName").text(); // 假设span内容为"document.pdf"
var extension = fileName.slice(fileName.lastIndexOf(".") + 1); // 从最后一个点后开始截取到末尾
console.log("文件扩展名：" + extension); // 输出: 文件扩展名：pdf
示例3：处理列表项的文本，添加序号
假设有一个ul列表,每个li的内容为"项目1""项目2"，我们需要在末尾添加"（已完成）"：
$("li").each(function() {
var originalText = $(this).text(); // 获取li文本，如"项目1"
var lastChar = originalText.slice(-1); // 获取最后一个字符，如"1"
// 在原文本后添加标记
$(this).text(originalText + "（已完成）");
});
示例4：动态处理URL参数
假设我们需要从URL中提取最后一个参数值：
var url = "https://example.com/page?id=123&user=admin";
var lastParam = url.slice(url.lastIndexOf("=") + 1); // 获取最后一个参数值
console.log("最后一个参数值：" + lastParam); // 输出: 最后一个参数值：admin
注意事项
空字符串处理
如果目标字符串为空,上述方法会返回空字符串，需避免后续操作报错：
var str = "";
var lastChar = str.slice(-1); // 返回 ""
if (str.length > 0) {
console.log(lastChar);
} else {
console.log("字符串为空，无法截取");
}
性能优化建议
对于频繁调用的场景,建议将字符串长度缓存：
var str = "Hello, World!"; var len = str.length; var lastChar = str.charAt(len - 1);
Unicode字符处理
现代JavaScript字符串基于UTF-
