一种避免迭代数组的方法是：

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

演练

如果字符串中不存在标记，则按标记拆分字符串将生成一个包含一个字符串（相同值）的数组，或者生成一个包含两个字符串的数组，以防在字符串中找到标记。

第一个（左）元素是标记之前的字符串，第二个（右）是标记之后的字符串。

（注意：如果字符串以标记开头，则第一个元素是空字符串）

考虑到 cookie 的存储方式如下：

"{name}={value}; {name}={value}; ..."

为了检索特定的 cookie 值，我们只需要获取“; {name}=" 之后和下一个“;”之前的字符串。在我们进行任何处理之前，我们在 cookie 字符串前面加上“;”，这样每个 cookie 名称，包括第一个，都用“;”和“=”括起来：

"; {name}={value}; {name}={value}; ..."

现在，我们可以先用 "; {name}=" 分割，如果在 cookie 字符串中找到令牌（即我们有两个元素），我们将最终得到第二个元素是一个以我们的 cookie 值开头的字符串。然后我们从数组中取出它（即 pop），并重复相同的过程，但现在使用“;” 作为令牌，但这次拉出左边的字符串（即移位）以获得实际的令牌值。

我更喜欢在 cookie 上使用单个正则表达式匹配：

window.getCookie = function(name) {
  var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
  if (match) return match[2];
}

或者我们也可以用作函数，检查下面的代码。

function check_cookie_name(name) 
    {
      var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
      if (match) {
        console.log(match[2]);
      }
      else{
           console.log('--something went wrong---');
      }
   }

感谢 Scott Jungwirth 在评论中的改进。

使用 cookie 获取脚本：

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

然后调用它：

var value = readCookie('obligations');

我从 quirksmode cookie 页面窃取了上面的代码。你应该阅读它。

如果您使用 jQuery，我建议您使用此插件：

https://github.com/carhartl/jquery-cookie
https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js

<script type="text/javascript"
 src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js">

所以你可以像这样读取cookie：

var value = $.cookie("obligations");

你也可以写cookie：

$.cookie('obligations', 'new_value');
$.cookie('obligations', 'new_value', { expires: 14, path: '/' });

删除cookie：

$.removeCookie('obligations');

使用正则表达式的其他一些答案中的方法并未涵盖所有情况，尤其是：

1. 当 cookie 是最后一个 cookie 时。在这种情况下，cookie 值后不会有分号。
2. 当另一个 cookie 名称以正在查找的名称结尾时。例如，您正在查找名为“one”的 cookie，并且有一个名为“done”的 cookie。
3. 当 cookie 名称包含在正则表达式中使用时不被解释为自身的字符时，除非它们前面有反斜杠。

以下方法处理这些情况：

function getCookie(name) {
    function escape(s) { return s.replace(/([.*+?\^$(){}|\[\]\/\\])/g, '\\$1'); }
    var match = document.cookie.match(RegExp('(?:^|;\\s*)' + escape(name) + '=([^;]*)'));
    return match ? match[1] : null;
}

null如果未找到 cookie，这将返回。如果 cookie 的值为空，它将返回一个空字符串。

笔记：

1. 此函数假定cookie 名称区分大小写。
2. document.cookie- 当它出现在赋值的右侧时，它代表一个字符串，其中包含以分号分隔的 cookie 列表，而这些 cookie 又是name=value成对的。每个分号后似乎有一个空格。
3. String.prototype.match()-null找不到匹配项时返回。找到匹配项时返回一个数组，索引[1]处的元素是第一个匹配组的值。

正则表达式注意事项：

1. (?:xxxx) - 形成一个不匹配的组。
2. ^ - 匹配字符串的开头。
3. | - 分离组的替代模式。
4. ;\\s* - 匹配一个分号后跟零个或多个空白字符。
5. = - 匹配一个等号。
6. (xxxx) - 形成匹配组。
7. [^;]*- 匹配零个或多个分号以外的字符。这意味着它将匹配最多但不包括分号或字符串末尾的字符。