本文共 876 字，大约阅读时间需要 2 分钟。

如何利用JavaScript的字符串match方法提取cookie值

在前一篇文章中，我们探索了通过正则表达式提取cookie值的方法。然而，实际上 JavaScript 提供了更简便的方法——使用字符串的 match 方法。这种方法不仅能够满足需求，还能避免编写复杂的正则表达式。

cookie的示例形式通常如下：

a=b; c=d

我们可以编写一个函数来提取特定名称的cookie值：

const getCookie = (name) => {  const cookie = document.cookie;  const regex = new RegExp(`\\b${name}=\\b`);  return cookie.match(regex)?.[1] || '';};

这里使用了一个正则表达式来匹配特定cookie名，并通过 match 方法提取值。需要注意的是，match方法返回的是一个数组，数组的第二项即为匹配结果。为了确保兼容性，建议始终使用这种方法。

关于正则表达式的使用，实际上 JavaScript 的字符串 match 方法已经内置了对正则表达式的支持。因此，无需额外构造 RegExp 对象即可实现功能。这意味着代码可以简化为：

const getCookie = (name) => document.cookie.match(new RegExp(`\\b${name}=\\b`))?.[1] || '';

值得注意的是，match 方法的性能相对 search 方法较差，主要原因在于 search 方法返回的是索引位置，而 match 则返回了全部匹配结果。这一点在处理多个匹配时尤为明显。

此外，需要注意到 match 方法的实现机制。实际上，它调用的是 RegExp 原型对象的 Symbol.match 方法。这种设计使得 match 方法的功能与正则表达式匹配结果一致。

通过以上方法，我们可以轻松地从cookie中提取所需的值。这种方法简洁高效，适合在需要快速获取cookie值的场景中使用。