localStorage存储数据登录验证仅读取最后索引问题求助

原代码的校验逻辑存在位置错误：

• for循环遍历用户列表时，每次迭代都会覆盖entry变量的值，循环结束后entry只会保留数组最后一条用户数据
• 账号密码的判断逻辑写在循环外部，只能拿到最后一条数据做比对，自然无法匹配其他已存储的账号

$('#btnlogin').click(function(){
    var usernamelogin = $('#usernamelogin').val().trim()
    var passwordlogin = $('#passwordlogin').val().trim()
    // 增加空值兜底，避免本地无用户数据时解析报错
    var data_user1 = JSON.parse(localStorage.getItem('data_user')) || []
    
    var loginValid = false
    // 遍历所有存储的用户条目，逐条校验
    for(var i = 0; i < data_user1.length; i++){
        var entry = data_user1[i]
        if(usernamelogin == entry.username && passwordlogin == entry.password){
            loginValid = true
            break // 匹配到目标账号后立刻终止循环，减少无效遍历
        }
    }
    
    if(loginValid){
        alert("Log in successfull")
        window.location.href = "curhat.jsp"
    }else{
        alert("wrong username or password")
    }
})

• 新增本地存储空值兜底：当localStorage中没有存储用户数据时，默认使用空数组，避免JSON.parse解析null抛出异常
• 新增输入值首尾空格过滤：避免用户输入时不小心带的首尾空格导致校验不通过
• 匹配成功后立刻终止循环：不需要遍历完所有剩余用户数据，减少不必要的性能消耗
• 用状态标记位统一处理校验结果：逻辑更清晰，不会出现变量作用域导致的取值错误

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