Typescriptでコレクションクラスの作り方

Question

###前提・実現したいこと
Webpackを使ったアプリケーションで、Typescriptで配列にメソッドを生やしたいのですが、エラーが出て困っています。

質問は次の3点です。

1. ソート後のthisをthisにアサインできないのですが、どのようにするべきでしょうか?
2. Typescriptではどのようにコレクションを実装するべきでしょうか?
3. lodashの箇所でキャストせずにUser[]とArray<User>をまとめる方法はないでしょうか?

因みに、やりたいことをGOで書きますと以下のような感じでになります。

type User struct{
   id int64
}
type Users []User
func (this *Users) setUser(user User) {
   this = append(this, user)
　 // ソートする....
}

func main() {
  u := User{}
  us := &Users{}
  us.setUser(u);
}

###発生している問題・エラーメッセージ

エラーメッセージ：　
Errro: [ts] Type 'Users' is not assignable to type 'this'.

###該当のソースコード

import {
  uniqBy,
  remove,
  orderBy,
  find,
  remove,
  findIndex,
} from 'lodash';


export class User extends Object {
  id: string;
  constructor() {
    super();
  }
}

export class Users extends Array<User> {
  constructor() {
    super();

    // Set the prototype explictilly
    // see https://github.com/Microsoft/TypeScript/issues/12123#issuecomment-265014802
    Object.setPrototypeOf(this, Users.prototype);

  }

  /**
   * 1件追加
   * @param {User} user
   */
  setUser(user: User): void {
    let users = this; // 現状のコレクションをコピー
    users.push(user);
    // ソート
    users = remove<User>(users, undefined) as Users; // Errro: [ts] Type 'Users' is not assignable to type 'this'.

    users = uniqBy<User>(users, 'id') as Users;
    users = orderBy<User>(users, ['created_at'], ['asc']) as Users;    
    this.splice(0, this.length); // コレクションの初期化
    Object.assign(this, users); // コレクションを更新
  }
}

###補足情報(言語/FW/ツール等のバージョンなど)

   "typescript": "2.5.2",
    "webpack": "2.4.1",
    "lodash": "4.17.4",

Answer 1

素直にメンバ変数として配列をもたせたほうが良いと思います

import {
    uniqBy,
    remove,
    orderBy,
    find,
    findIndex,
  } from 'lodash';


  export class User extends Object {
    constructor(private id: string, private created_at: Date | undefined) {
        super();
        if (created_at == undefined) {
            this.created_at = new Date();
        }
    }
  }
  
  export class Users  {
    list: Array<User|undefined>;
    constructor() {
        this.list = [];
    }
    public setUser(user: User | undefined) {
        let users = this.list;
        users.push(user);
        users = remove(users, undefined); 
        users = uniqBy(users,'id')
        users = orderBy(users, ['created_at'],['asc'])
        this.list = users;
    }
  }

test code

import {User, Users} from '../extendArray';

it('Users', () => {
    let users = new Users();
    // users.setUser(new User(1));
    users.setUser(new User('1', new Date('2001-10-13')));
    users.setUser(new User('1', new Date()));
    users.setUser(new User('1', new Date()));
    users.setUser(undefined);
    users.setUser(new User('15', new Date('2011-10-13')));
    users.setUser(new User('7', new Date('2011-10-12')));
    users.setUser(new User('10', new Date('2011-10-11')));
    console.log(users);
    
})

結果

 PASS  __test__/sample.test.ts
  ✓ Users (1ms)

  console.log __test__/sample.test.ts:14
    Users {
      list:
       [ { id: '1', created_at: 2001-10-13T00:00:00.000Z },
         { id: '10', created_at: 2011-10-11T00:00:00.000Z },
         { id: '7', created_at: 2011-10-12T00:00:00.000Z },
         { id: '15', created_at: 2011-10-13T00:00:00.000Z } ] }

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        0.175s, estimated 1s
Ran all test suites.

Watch Usage: Press w to show more.