ES2022 JavaScript at() 方法

JavaScript 是一种功能强大且用途广泛的编程语言，广泛用于前端和后端开发。使 JavaScript 如此强大的功能之一是其广泛的标准库，其中包含许多用于处理字符串、数组和其他数据类型的内置方法。其中一种方法是 at() 方法，该方法在 ECMAScript 2022 中引入，用于检索字符串中给定索引处的字符。在本教程中，我们将了解如何使用 at() 方法，并探讨其相较于较旧的 charAt() 方法的一些优势。

语法

at() 方法是一个字符串方法，可用于检索字符串中给定索引处的字符。该方法的语法如下：

string.at(index)

其中 string 是您要从中检索字符的字符串，index 是您要检索的字符的基于零的索引。该方法返回指定索引处的字符，如果索引超出范围，则返回 undefined。

示例

以下是如何使用 at() 方法检索字符串的第一个字符的示例：

<html>
<body>
   <p id="ES2022"></p>
   <script>
      let greeting = "Hello, world!";
      let firstChar = greeting.at(0);
      document.getElementById("ES2022").innerHTML = firstChar;
   </script>
</body>
</html>

在此示例中，at() 方法用于检索字符串 greeting 的第一个字符“H”。然后将结果赋值给变量 firstChar 并打印到控制台。

at() 方法相较于 charAt() 方法的优势

at() 方法比自 JavaScript 诞生以来就已存在的较旧的 charAt() 方法具有一些优势。例如，at() 方法可以更优雅地处理超出范围的索引。当使用超出范围的索引调用 charAt() 方法时，它会返回一个空字符串 (“”)。相反，当使用超出范围的索引调用 at() 方法时，它会返回 undefined。这使您可以更轻松地区分空字符串和缺失的字符。

at() 方法的另一个优点是它可以正确处理 Unicode 字符。在 JavaScript 中，字符串存储为 UTF-16 代码单元序列。这在处理由多个代码单元表示的 Unicode 字符（例如表情符号或某些脚本中的字符）时可能会导致问题。charAt() 方法在对这些字符调用时可能会返回不正确的结果，而 at() 方法则返回正确的字符。

示例

以下是如何使用 at() 方法处理超出范围索引的示例：

<html>
<body>
   <p id="ES2022"></p>
   <script>
      let greeting = "Hello, world!";
      let character = greeting.at(20);
      document.getElementById("ES2022").innerHTML = character;
   </script>
</body>
</html>

在此示例中，at(20) 索引超出了字符串长度的范围，该方法返回 **undefined**。

at() 方法也可以与负索引一起使用，负索引从字符串的末尾而不是开头计数。这在您想要检索字符串的最后一个字符时非常有用，例如：

示例

<!DOCTYPE html>
<html>
<body>
   <p id="ES2022"></p>
   <script>
      let greeting = "Hello, world!";
      let lastChar = greeting.at(-1);

      document.getElementById("ES2022").innerHTML = lastChar;
   </script>
</body>
</html>

在此示例中，at(-1) 方法用于检索字符串 greeting 的最后一个字符“!”。然后将结果赋值给变量 lastChar 并打印到控制台。

与其他 JavaScript 函数一起使用

at() 方法可以与其他接受索引参数的 JavaScript 函数（如 Array.prototype.slice 和 String.prototype.substring）无缝协同工作。这允许开发人员以一致的方式处理字符串，无论它们是使用 at() 方法还是其他字符串方法。

结论

总而言之，at() 方法是一种功能强大且用途广泛的方法，它提供了一种更强大的方法来从 JavaScript 字符串中检索字符。通过正确处理超出范围的索引和 Unicode 字符，它比旧的 charAt() 方法具有显著优势。如果您正在开发新的 JavaScript 项目，建议使用 at() 方法代替 charAt() 方法，以获得更强大且一致的行为。

值得注意的是，它受现代浏览器支持，因此建议在生产环境中使用它之前检查目标浏览器中的支持情况。此外，如果需要，您可以使用 Babel 等工具将代码转换为旧版本的 JavaScript。借助 at() 方法，JavaScript 开发人员可以使用一种新的强大工具以更高效且一致的方式处理字符串。

更新于：2023年1月19日

浏览量：179

开启您的职业生涯

通过完成课程获得认证

开始学习
广告