本文原创发布在华为开发者社区，更多鸿蒙场景化示例请见华为开发者联盟官网“行业实践与常见问题”专题页。
介绍
本示例是一个联系人列表demo，使用三方库\@ohos/pinyin4js实现中文排序，根据联系人的姓名首字母进行排序；
动态获取所有联系人的首字母，在页面右侧生成字母导航，支持快速定位到某字母行。
效果预览
使用说明
使用了三方库\@ohos/pinyin4js实现中文排序。
实现思路
- 使用三方库\@ohos/pinyin4js实现中文排序
- 动态获取所有联系人的首字母，通过AlphabetIndexer在页面右侧生成字母导航。
- 点击字母导航可以快速定位到该字母行 。
核心代码如下：
// 第一个参数输入姓氏，会返回姓氏的首字母，然后根据字母排序
const firstLetter = pinyin4js.convertToPinyinString(firstChinese, '', pinyin4js.FIRST_LETTER)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。