es6中lodash的findIndex

Question

我始終依靠lodash和splice的findIndex來重新渲染更新后的數據，現在我正在拋棄lodash，因為我現在正在使用babel進行編譯，如何改進下面的代碼？

onDoneUpdatedUserStatus(user) {

    //this.users means existing array of object of existing users

    const index = findIndex(this.users, { user_id: user.user_id });
    if (index > -1) {
        this.users.splice(index, 1, user);
    }
}

Answer 1

您可以將用戶從用戶ID到用戶（而不是數組）存儲在Map 。 那你只需要寫

this.users.delete(user.user_id);

這也將加快您的查找時間。

Answer 2

JS Array還有一個findIndex方法，該方法很有用：

onDoneUpdatedUserStatus(user) {
    const index = this.users.findIndex(u => u.user_id === user.user_id);
    if (index > -1) {
        this.users.splice(index, 1, user);
    }
}

Answer 3

這里是單線：

this.users = this.users.map(oldUser => oldUser.id === user.id ? user : oldUser);