如何在JavaScript中判断对象数组中是否存在指定邮箱并实现页面跳转？

核心实现思路 #

先检查目标邮箱是否存在于给定的用户数组中，根据判断结果执行不同的页面跳转逻辑。

代码实现 #

基础判断（仅需确认存在性）

如果只需要判断邮箱是否存在，不需要获取用户详情，用Array.some()效率更高——它找到匹配项后会立即终止遍历：

// 定义用户数据数组
const data = [
  { name: "name1", email: "email1@gmail.com" },
  { name: "name2", email: "email2@gmail.com" },
  { name: "name3", email: "email3@gmail.com" }
];

// 目标邮箱
const targetEmail = "email2@gmail.com";

// 检查邮箱是否存在
const isEmailExist = data.some(user => user.email === targetEmail);

// 执行跳转
if (isEmailExist) {
  window.location.href = "/user-profile"; // 替换为你的用户页面实际路径
} else {
  window.location.href = "/register"; // 替换为你的注册页面实际路径
}

需获取用户信息的场景

如果跳转时需要用到匹配用户的其他信息（比如用户名、ID），用Array.find()获取完整用户对象：

const data = [
  { name: "name1", email: "email1@gmail.com" },
  { name: "name2", email: "email2@gmail.com" },
  { name: "name3", email: "email3@gmail.com" }
];

const targetEmail = "email2@gmail.com";

// 查找匹配的用户
const matchedUser = data.find(user => user.email === targetEmail);

if (matchedUser) {
  // 跳转时携带用户信息，比如用户名
  window.location.href = `/user/${matchedUser.name}`;
} else {
  window.location.href = "/register";
}

注意事项 #

• 替换代码中的跳转路径为你项目实际的页面URL，可以是相对路径或绝对路径。
• 如果是在前端框架（如React、Vue）中，建议使用框架自带的路由跳转方法（比如React Router的useNavigate）代替window.location.href。

内容的提问来源于stack exchange，提问作者imen