js jquery 截取字符串最后一个字符串

admin 2026年02月02日 18:41 102 0

在JavaScript中，截取字符串最后一个字符可通过多种方法实现：使用charAt(str.length-1)、slice(-1)或substr(-1)，slice(-1)最为简洁，参数-1表示从末尾开始截取1个字符，jQuery虽主要用于DOM操作，但也可结合JavaScript方法处理：先通过$(selector).text()或$(selector).val()获取字符串内容，再应用上述JS方法截取最后一个字符，对字符串"hello"，"hello".slice(-1)返回"o"；jQuery中若$("p").text()获取值为"world"，则$("p").text().slice(-1)同样得到"d"`，两种语言均需注意字符串非空，避免索引越错。

JavaScript 与 jQuery：截取字符串最后一个字符的实用方法

在Web开发领域,字符串操作是前端工程师必备的基础技能之一，无论是处理用户输入、解析文件名、处理URL参数，还是格式化文本数据，经常需要截取字符串的最后一个字符，本文将详细介绍使用原生JavaScript和jQuery实现截取字符串最后一个字符的方法，并分析不同场景下的适用技巧与性能考量。

原生 JavaScript 截取字符串最后一个字符的方法

JavaScript提供了多种字符串操作方法,截取最后一个字符可以通过直接索引、切片或分割数组等方式实现，以下是几种常用且高效的原生方法：

使用 `charAt()` 方法获取指定索引字符

charAt(index) 方法可返回字符串中指定索引位置的字符，索引从 0 开始，要获取最后一个字符，只需传入 字符串长度 - 1 作为索引即可。

示例代码：

const str = "HelloWorld";
const lastChar = str.charAt(str.length - 1);
console.log(lastChar); // 输出: "d"

特点：

直观易懂,通过索引直接定位字符
如果字符串为空（""），charAt() 返回空字符串，不会报错
适用于需要明确获取特定位置字符的场景

使用 `slice()` 方法截取子字符串

slice(start, end) 方法可提取字符串的某个部分，并返回新字符串，支持负数索引，-1 表示字符串的最后一个字符，-2 表示倒数第二个字符，以此类推。

示例代码：

const str = "JavaScript";
const lastChar = str.slice(-1);
console.log(lastChar); // 输出: "t"

特点：

语法简洁,直接用 -1 即可获取最后一个字符，无需计算长度
如果字符串为空,slice(-1) 返回空字符串，安全可靠
推荐作为首选方法,代码可读性高

使用 `substring()` 方法截取子字符串

substring(start, end) 方法与 slice() 类似，但不支持负数索引，因此需要手动计算最后一个字符的索引（length - 1）。

示例代码：

const str = "jQuery";
const lastChar = str.substring(str.length - 1, str.length);
console.log(lastChar); // 输出: "y"

特点：

与 slice() 功能相似，但负数索引会被当作 0 处理，灵活性较低
适用于需要明确指定起始和结束索引的场景
在处理某些旧版浏览器代码时可能更常见

使用 `split()` + `pop()` 方法（适用于复杂场景）

如果需要先分割字符串再处理最后一个元素（例如按分隔符分割后取最后一部分），可以结合 split() 和 pop() 方法。

示例代码：

const str = "file.txt";
const parts = str.split("."); // 分割为 ["file", "txt"]
const lastChar = parts.pop().charAt(0); // 先取最后一部分 "txt"，再取其第一个字符 "t"
console.log(lastChar); // 输出: "t"

特点：

适用于字符串需要先分割再处理的场景,灵活性高
但相比前几种方法,步骤稍多，效率较低
在处理文件扩展名、URL路径等场景时特别有用

使用ES6解构赋值方法（现代JavaScript）

ES6引入了解构赋值特性,可以更简洁地获取字符串最后一个字符。

示例代码：

const str = "ES6";
const lastChar = [...str].pop();
console.log(lastChar); // 输出: "6"

特点：

语法简洁,适合现代JavaScript项目
将字符串转换为数组后使用 pop() 方法
代码风格更函数式,可读性高

注意：避免使用 `substr()` 方法

substr(start, length) 方法虽然可以截取子字符串，但已从ECMAScript标准中废弃（不推荐使用），部分现代浏览器可能不再支持，建议优先使用 slice() 或 substring()。

jQuery 中截取字符串最后一个字符的方法

jQuery是一个快速、小型且功能丰富的JavaScript库，主要用于DOM操作和事件处理，虽然jQuery本身没有提供专门的"截取字符串最后一个字符"的方法，但可以结合原生JavaScript方法实现，或通过jQuery对象的文本处理方法间接操作。

通过jQuery获取字符串内容后，用原生JS方法截取

如果字符串是jQuery对象的文本内容（如div的文本、input的值等），可以先通过text()、val()或html()获取字符串，再用原生JS方法截取最后一个字符。

示例代码：

// 假设HTML中有一个 <input type="text" id="inputStr" value="jQuery">
const str = $("#inputStr").val(); // 获取输入框的值 "jQuery"
const lastChar = str.slice(-1);    // 用原生JS方法截取
console.log(lastChar); // 输出: "y"

扩展jQuery方法（可选）

如果需要在多个场景中重复使用截取最后一个字符的功能,可以通过$.fn扩展一个自定义jQuery方法，内部调用原生JS方法。

示例代码：

// 扩展jQuery方法，截取字符串最后一个字符
$.fn.getLastChar = function() {
    const text = this.text(); // 获取jQuery对象的文本内容
    return text.slice(-1);    // 返回最后一个字符
};
// 使用示例
const lastChar = $("p").getLastChar(); // 假设 <p>jQuery</p>
console.log(lastChar); // 输出: "y"

特点：