# 创建索引

## 使用场景

当列表选项过多时,需要用户滑动窗口查找目标选项,为了快速找到目标选项,可以使用创建索引的方法。创建索引方式实质是打标签,例如,在联系人页面右侧通常会有“ABCD”的英文标记与联系人姓名首字母对应,若需寻找王同学,点击“W”可直接跳转到目标项范围。诸如“ABCD”的英文标记称为索引,通过创建索引的方式快速让窗口滑动到相应范围,找到目标选项。

## 开发步骤

接口具体使用方法和说明请参考[IndexUtil](../reference/apis-localization-kit/js-apis-i18n.md#indexutil8)的API接口文档。

1. 导入模块。
   ```ts
   import { i18n } from '@kit.LocalizationKit';
   ```

2. 创建对象。
   ```ts
   let indexUtil = i18n.getInstance(locale?:string);  // locale 表示本地化标识符,默认值是系统当前locale
   ```

3. 以获取索引列表为例。
   ```ts
   let indexList = indexUtil.getIndexList();
   ```

**开发实例**

```ts
// 导入模块
import { i18n } from '@kit.LocalizationKit';
// 创建索引
let indexUtil = i18n.getInstance("zh-CN");
let indexList = indexUtil.getIndexList(); // ["...", "A", "B", "C", "D", "E" ... "X", "Y", "Z", "..."]
// 多语言index混排
indexUtil.addLocale("ru-RU");
indexList = indexUtil.getIndexList(); // …,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,…,А,Б,В,Г,Д,Е,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ы,Э,Ю,Я,…
indexUtil.getIndex("你好"); // N
```