在 ES12 中，新增了 String.prototype.at 方法，该方法可以获取字符串中指定位置的字符。在本文中，我们将对该方法进行详细地介绍和分析，并给出相关的示例代码以供学习和参考。
String.prototype.at 的使用
使用 String.prototype.at 方法，我们可以获取一个字符串中特定位置的字符，其语法如下：
str.at(index)
其中 index 表示要获取的字符的位置，从 0 开始计数。
需要注意的是，该方法只能用于单个字符，当我们尝试获取一个字符串中不存在的字符时，会返回 undefined。
为什么需要 String.prototype.at ?
在 ES6 之前，我们可以使用以下方法来获取一个字符串中的指定字符：
str.charAt(index) str[index]
然而，存在以下几个问题：
- 在使用 charAt 方法时，如果参数超出了字符串的索引范围，会返回空字符串，而在使用下标访问字符串时，无效的下标会返回 undefined。这样，我们在获取字符串中超出索引范围的字符时，可能会产生混淆。
- 在使用 charAt 方法时，如果获取的字符不在 BMP（基本多文本平面），那么 charAt 就会返回错误的结果，而使用下标访问字符串时，无论字符在不在 BMP 中，都能正确获取。
- 在使用 charAt 方法时，如果获取的字符串为空，那么 charAt 会返回字符串中的第一个字符，而这可能并不是我们想要的结果。
而在 ES6 中，Array.prototype.at 方法可以解决以上问题，但是它只适用于数组，不能用于字符串。因此，String.prototype.at 方法的出现填补了这一空缺，我们现在可以方便地获取字符串中的指定字符。
示例代码
接下来，我们将给出一个简单的示例代码，以演示该方法的实际应用。
假设我们有一个字符串：
const str = "Hello World"
我们可以使用 String.prototype.at 方法获取其中的某个字符，例如：
console.log(str.at(1)) // e console.log(str.at(4)) // o
需要注意的是，该方法只能用于单个字符，当我们尝试获取字符串中不存在的字符时，会返回 undefined：
console.log(str.at(100)) // undefined
总结
在本文中，我们对 ES12 中新增的 String.prototype.at 方法进行了详细地介绍和分析，并给出了相关的示例代码以供学习和参考。
该方法可以方便地获取字符串中指定位置的字符，填补了 ES6 中 Array.prototype.at 方法无法用于字符串的空缺。然而，需要注意的是该方法仅适用于单个字符，当获取字符串中不存在的字符时，会返回 undefined，因此在使用该方法时需要特别小心。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6530eefa7d4982a6eb280895