用js正确判断用户名cookie是否存在的方法

判断用户名Cookie是否存在的方法主要涉及以下几个步骤：

1.获取当前网页中所有的Cookie
2.遍历Cookie，查找是否存在用户名的Cookie
3.如果存在，则说明用户已经登录；否则，说明用户未登录

下面以 JavaScript 为例，介绍具体的实现方法。

获取当前网页中所有的Cookie

可以使用 document.cookie 获取当前网页中所有的Cookie，并将Cookie以字符串的形式返回。例如：

let allCookies = document.cookie;   // 获取当前网页中所有的Cookie

遍历Cookie，查找是否存在用户名的Cookie

获取到所有的Cookie之后，需要遍历Cookie，判断是否存在用户名的Cookie。可以使用字符串的 split() 方法将Cookie字符串分割成一个数组，每个元素代表一个Cookie，然后遍历数组，查找是否存在用户名的Cookie。例如：

let cookies = allCookies.split(";");   // 将Cookie字符串分割成数组
let isLogin = false;
for (let i = 0; i < cookies.length; i++) {
    let item = cookies[i].trim();
    if (item.startsWith("username=")) {    // 存在用户名的Cookie
        isLogin = true;
        break;
    }
}

上面的代码中，使用 trim() 方法去除字符串前后的空格，使用 startsWith() 方法判断字符串是否以 "username=" 开头，如果是，则说明存在用户名的Cookie。

示例说明

示例1： 判断用户名的Cookie是否存在，并输出结果

let allCookies = document.cookie;    // 获取当前网页中所有的Cookie
let cookies = allCookies.split(";");   // 将Cookie字符串分割成数组
let isLogin = false;
for (let i = 0; i < cookies.length; i++) {
    let item = cookies[i].trim();
    if (item.startsWith("username=")) {   // 存在用户名的Cookie
        isLogin = true;
        break;
    }
}
console.log(isLogin ? "用户已登录" : "用户未登录");

示例2： 根据用户名的Cookie判断用户是否已登录，并跳转到相应页面

let allCookies = document.cookie;    // 获取当前网页中所有的Cookie
let cookies = allCookies.split(";");   // 将Cookie字符串分割成数组
let isLogin = false;
for (let i = 0; i < cookies.length; i++) {
    let item = cookies[i].trim();
    if (item.startsWith("username=")) {  // 存在用户名的Cookie
        isLogin = true;
        break;
    }
}
if (isLogin) {   // 用户已登录
    window.location.href = "user_center.html";   // 跳转到用户中心页面
} else {   // 用户未登录
    window.location.href = "login.html";   // 跳转到登录页面
}

上面的代码中，根据用户名的Cookie判断用户是否已登录，如果已登录则跳转到用户中心页面，如果未登录则跳转到登录页面。