如何在TypeScript中聲明帶有兩個參數的數組？

Question

我正在嘗試使用打字稿制作一個簡單的表格。 我想在每次創建用戶時創建一個“用戶名密碼”數組。

export class Form{
username : string;
password : string;
isChecked : boolean;
arr: string[] = new Array();

constructor(){
    this.isChecked = false;
}

signup(){

this.arr.push(this.username);
console.log(this.arr);

}

submit(){
var res = document.getElementById('check');
res.innerText = String(this.isChecked);
}
}

此代碼有效，但僅在用戶在控制台上檢查時使用用戶名，但我想要的東西可以給我arr [0]->用戶名，密碼，而不僅僅是用戶名。 我知道這與arr的聲明有關，但是我嘗試其他方法對其進行聲明，但我總是會卡住。

Answer 1

您可以為User創建一個類對象並使用該對象

class User {
    username: string;
    password: string;
    constructor(username: string, password: string) {
        this.username = username;
        this.password = password;
    }
}

您的數組實現將如下所示

  let arr: User[] = new Array();
  arr.push({
      username: "Billy",
      password: "hunter42"
  });
  arr.push(new User("Billy", "hunter42"));

您可以使用兩個版本，但是由於您使用的是Typescript，因此還可以通過使用new User()調用構造函數來使用第二個版本。