我需要按字母顺序呈现名称列表,并按每个名称的起始字母分组。它应该是这样的:
**A**
Anders
Anton
Angela
**B**
Brian
Bernard
**C**
Carl
Run Code Online (Sandbox Code Playgroud)
我当前的解决方案可以对对象中包含的所有名称进行排序,但是我无法在名称前添加起始字母作为元素(例如,在“Anders”上方呈现“A”和在“Brian”上方呈现“B”)
当前解决方案:
completeEmpList = empList
.sort((a, b) => a.Name.localeCompare(b.Name))
.map((emp) => (
<div> {emp.Name} </div>
))
Run Code Online (Sandbox Code Playgroud)
它不应该处理最多超过 300 个元素的数据,因此在这种情况下优化不是那么重要。