js 中获取制定的cook信息实现方法

获取指定的 cookie 信息需要以下步骤：

1. 使用document.cookie获取所有的 cookie 信息。
2. 将获取到的 cookie 信息字符串转换为数组形式。
3. 遍历 cookie 数组，检查指定的 cookie 名称是否存在。
4. 如果指定的 cookie 存在，使用正则表达式取出对应的值并返回。

下面是详细的实现过程：

步骤1：使用 document.cookie 获取所有的 cookie 信息

使用 document.cookie 可以获取当前网站所有的 cookie 信息。该方法返回一个包含所有 cookie 的字符串。

const allCookies = document.cookie;

步骤2：将获取到的 cookie 信息字符串转换为数组形式

为了方便遍历和查找，我们需要将获取到的 cookie 信息字符串转换为数组形式。可以使用 split() 方法将字符串分割成多个元素，以 ;（分号和空格）作为分隔符。

const cookieArray = allCookies.split("; ");

上面的代码将所有的 cookie 信息分隔成多个数组元素，并存储到一个数组中。

步骤3：遍历 cookie 数组，检查指定的 cookie 名称是否存在

遍历 cookie 数组，检查指定的 cookie 名称是否存在。如果存在返回真，否则返回假。

function checkCookieExist(name) {
  const cookieArray = document.cookie.split("; ");
  for (let i = 0; i < cookieArray.length; i++) {
    const cookie = cookieArray[i];
    const [cookieName, cookieValue] = cookie.split("=");
    if (cookieName === name) {
      return true;
    }
  }
  return false;
}

上面的代码定义了一个名为 checkCookieExist() 的函数，该函数接受一个参数 name，表示要查找的 cookie 名称。函数遍历 cookie 数组，取出每一个 cookie，并用 split() 方法将其拆分成名称和值两部分。如果名称等于要查找的名称，则返回真，表示该 cookie 存在。

步骤4：如果指定的 cookie 存在，使用正则表达式取出对应的值并返回

如果指定的 cookie 存在，我们需要通过正则表达式取出其对应的值，并返回。

function getCookieValue(name) {
  const cookieArray = document.cookie.split("; ");
  for (let i = 0; i < cookieArray.length; i++) {
    const cookie = cookieArray[i];
    const [cookieName, cookieValue] = cookie.split("=");
    if (cookieName === name) {
      return decodeURIComponent(cookieValue.replace(/\+/g, " "));
    }
  }
  return "";
}

上面的代码中，首先遍历 cookie 数组，取出每个 cookie。如果名称等于要查找的名称，使用正则表达式取出值，并使用 decodeURIComponent() 方法对其进行解码。最后返回解码后的值。

下面是两个示例：

示例1：检查指定的 cookie 是否存在

const cookieName = "username";
const exists = checkCookieExist(cookieName);
if (exists) {
  console.log(`Cookie ${cookieName} 存在`);
} else {
  console.log(`Cookie ${cookieName} 不存在`);
}

上面的代码中定义了一个名为 cookieName 的变量，表示要检查的 cookie 名称。使用 checkCookieExist() 函数检查该 cookie 是否存在。

如果存在，则输出“Cookie cookieName 存在”；否则输出“Cookie cookieName 不存在”。

示例2：获取指定 cookie 的值

const cookieName = "username";
const cookieValue = getCookieValue(cookieName);
if (cookieValue !== "") {
  console.log(`Cookie ${cookieName} 的值为 ${cookieValue}`);
} else {
  console.log(`Cookie ${cookieName} 不存在`);
}

上面的代码中定义了一个名为 cookieName 的变量，表示要获取值的 cookie 名称。使用 getCookieValue() 函数获取该 cookie 的值。

如果获取到的值不为空字符串，则输出“Cookie cookieName 的值为 cookieValue”；否则输出“Cookie cookieName 不存在”。