JavaScript 字符串 at() 方法

JavaScript at() 语法

at() 是 JavaScript 字符串的一个方法，它用于获取字符串中指定下标（索引）的那个字符。

语法：

str.at(index)

说明：

at() 方法接收单个参数。

• index（可选）：表示下标，它可以是负整数、0 或正整数，默认值为 0。

at() 方法类似于下标表示法（str[index]），但其优点在于可以接受负索引。

JavaScript at() 摘要

JavaScript at() 示例

需要清楚的是，想要获取第 1 个元素，应该写成：str.at(0)。如果想要获取最后一个元素，应该写成：str.at(-1)。下面通过几个简单例子，来看看 at() 方法是如何使用的。

示例 1：at() 基本用法

const str = "绿叶网";

// 获取第1个字符
console.log(str.at(0));

// 获取最后1个字符
console.log(str.at(-1));

// 获取倒数第2个字符
console.log(str.at(-2));

运行结果如下。

绿
网
叶

分析：

需要注意的是，获取最后一个元素是 str.at(-1)，而不是 str.at(0)。

示例 2：at() 不带参数

const str = "绿叶网";
console.log(str.at());

运行结果如下。

绿

分析：

str.at() 等价于 str.at(0)，因此它获取的是第一个字符。

at() 与 charAt() 的区别

at() 和 charAt() 这两个方法非常相似，它们都是通过下标来获取字符串中的某个字符。但它们之间也存在明显区别：at() 可以使用负下标，而 charAt() 无法使用负下标。

实际上，ES6+ 推出 at() 方法，其目的就是为了取代 charAt() 方法。在实际开发中，我们也更推荐使用 at() 方法。

示例 3：获取最后一个字符

const str = "JavaScript";

// at()
const result1 = str.at(-1);
console.log(result1);

// charAt()
const index = str.length - 1;
const result2 = str.charAt(index);
console.log(result2);

运行结果如下。

t
t

分析：

可以明显看出，如果想要获取倒数第 n 个元素时，at() 比 charAt() 简单太多。