如何在JavaScript中實現哈希表

Question

我一直在從事一項作業，並且要求我通過實現哈希圖使用HTML和javascript創建登錄頁面，而我已經通過使用變量來實現了登錄頁面。 cuser和cpass保留正確的用戶名和密碼，“ t1”和“ t2”是用戶在其中輸入用戶名和密碼的文本字段。

var cuser="admin";
var cpass="pass";    
var user=document.getElementById("t1").value;    
var pass=document.getElementById("t2").value;

並且我使用了if條件來驗證用戶名和密碼

     if(user == cuser && pass == cpass)
    {
        alert("You are logged in as : " +cuser);
    }

我必須使用哈希表來實現這一點，有人可以幫助我如何創建哈希表並使用鍵和值驗證用戶名和密碼。

Answer 1

以這種方式嘗試

var credentials = {cuser:"admin",cpass:"pass"};
var user=document.getElementById("t1").value;    
var pass=document.getElementById("t2").value;

if(user == credentials['cuser'] && pass == credentials['cpass']) {
        alert("You are logged in as : " +cuser);
}

或者您可以使用點表示法代替括號表示法（例如credentials.cuser

Answer 2

我會這樣做的：

var users= {
      "someone1@example.com": {pass:"one"}, 
      "someone2@example.com": {pass:"two"}
};
//You can store more user related information like firstname, lastname etc. in the above JSON and accessing the data will be very easy for particular user e.g. users["someone1@example.com"].pass

var user=document.getElementById("t1").value;    
var pass=document.getElementById("t2").value;

if(users[user] && pass == users[user].pass) {
    alert("You are logged in as : " + user);
}