按属性对列表进行排序，并在JavaScript中的每个第一个字母更改之前添加一个对象

所以我试图做这样的UI：

我有很多用户

[{name: 'Julia'}, {name: 'Ismeh'}, {name: 'Alison'}, {name: 'Andrea'}, {name: 'Betty'}]

我想做的是按名称属性的第一个字母对数组进行排序，并在每个数组前添加标题对象。例如，在图片中，您可以看到字母A，B，I和J作为标题。

现在，我可以像这样工作：

    let final = []
    // sort by first letter
    const sortedUsers = state.test_list.sort((a, b) => a.name.localeCompare(b.name))
    for (let x = 0; x < sortedUsers.length; x++) {
        const user = sortedUsers[x].name
        if (user.charAt(0) === 'A') {
            const checkIfExists = final.findIndex((f) => f.header === 'A')
            // add the header A if it doesn't exist
            if (checkIfExists < 0) final.push({header: 'A'})
        }
        else if (user.charAt(0) === 'B') {
            const checkIfExists = final.findIndex((f) => f.header === 'B')
            // add the header B if it doesn't exist
            if (checkIfExists < 0) final.push({header: 'B'})
        }
        // else if up to the letter Z
        final.push(user)
    }

如果我记录最终数组，则会得到：

哪个是对的。

我担心的是代码很长，我不知道它是否可以优化或缩小代码。

还有其他选择可以做这样的事情吗？任何帮助将非常感激。