汉字转成拼音做索引栏

最新推荐文章于 2024-05-07 14:49:51 发布
最新推荐文章于 2024-05-07 14:49:51 发布
阅读量329 收藏
点赞数
文章标签： javascript vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuyueqi168/article/details/105514458
版权

从某地下载的json格式为

[
   {
    id: 34, name: "阿尔法罗密欧" },
   {
    id: 35, name: "阿斯顿·马丁" },
   {
    id: 221, name: "安凯客车" },
   ...
   // 大约200多个品牌 放在移动端选择不友好
]

于是乎，我想到可以做索引栏，就是按照首字母排序!
在这里插入图片描述
但是我拿到的json 就只有id和name;
换一套是不可能的，pc端老数据都是这个id;

于是我就上npm库搜了一下；
还真搜到一个叫做pinyin的插件，大体用法就是你传字符串进去，可以得到拼音；
地址: https://www.npmjs.com/package/pinyin
在这里插入图片描述
切记使用这个属性，不然带声调的会影响toLocaleUpperCase()这个方法；

我用的是vant索引栏;
所以数据格式变成下面就可以用了

carBrandList: {
   
   A:[
       {
   
          id:12,
          name:'奥迪',
       },
最低0.47元/天 解锁文章
liuyueqi168
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
汉字转码为搜索框能识别的格式
xxxzhikvip的博客
12-11 386
汉字转码 搜索时:  NSString *str = @"你好";  NSString *urlStr = [str stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; //需要用urlStr输入到搜索栏中识别 iOS9.0->       [str string
实现自己的首字母索引导航列表（二）——拼音首字母分类列表
LmingAn的博客
04-19 1278
文章目录实现自己的首字母索引导航列表（二）——拼音首字母分类列表1、创建多类型布局列表1.1 定义列表加载数据格式1.1 创建适配器1.2 添加假数据展示列表2、对数据源进行首字母拼音分组3、添加分割线 实现自己的首字母索引导航列表（二）——拼音首字母分类列表   目标效果如下。   实现步骤： 创建多类型布局列表 对数据源进行首字母拼音分组 添加分割线（此步不重要，凑数用的） 1、创建多...
vue如何将中文转拼音？首字母大写？收藏备用！
最新发布
From_WH的博客
05-07 473
如何将中文转换为拼音？
vue项目中汉字转拼音
xt_XiTu的博客
06-02 4126
1、使用插件 lodash js-pinyin 2、下载 npm install js-pinyin 点击查看插件文档 3、方法封装 在js文件中引入两个插件，并初始化js-pinyin插件 import Pinyin from 'js-pinyin' Pinyin.setOptions({ charCase: 1 }) setOptions中传入对象，对象可传两个参数 charCase参数： 输出拼音的大小写模式，0-首字母大写；1-全小写；2-全大写 checkPolyphone：是否检查
vue汉字转拼音-pinyin.js
A54324的博客
08-25 3419
安装项目到项目目录下，不会将模块依赖写入或。:-g的意思是将模块安装到全局，不是安装到当前目录的项目下:-save的意思是将模块安装到项目目录下，并在package文件的节点写入依赖。-save-dev的意思是将模块安装到项目目录下，并在package文件的节点写入依赖。
Vue汉字转拼音
Shiny_boy_的博客
08-07 509
npm install -save xxx: -save的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。pm install xxx： 安装项目到项目目录下，不会将模块依赖写入devDependencies或dependencies。-save-dev的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。npm install -g xxx: -g的意思是将模块安装到全局，不是安装到当前目录的项目下。
php中文转换成拼音api
07-27
"php中文转换成拼音API"是解决这一需求的工具，它允许开发者将汉字转换为对应的汉语拼音。这个API可能包含了一个类库，如`ChinesePinyin.class.php`，用于处理中文到拼音的转换。 `ChinesePinyin.class.php` 文件很...
Mysql中文汉字转拼音的实现（每个汉字转换全拼）
09-10
在MySQL中实现中文汉字转拼音的功能，主要是为了方便在数据库查询和数据分析时处理中文文本，尤其是在没有全文索引或者需要进行复杂模糊匹配时。以下是一个简单的实现方法，它利用自定义函数来完成这一任务。 首先...
delphi 汉字转拼音首字母含生僻字
03-31
汉字转拼音是指将汉字转换为其对应的汉语拼音，这对于非中文用户理解和处理中文文本非常有用。在Delphi中，实现这个功能通常需要调用特定的库或者API，比如Microsoft的Uniscribe或Google的Pinyin4j（虽然Pinyin4j是...
c# 中文转拼音without CJK
08-31
本文关注的是如何在不依赖CJK（Chinese Japanese Korean，即中日韩汉字字符集）库的情况下实现中文转拼音。这有助于减少项目依赖，减小应用程序的体积。 作者提供了一个名为`PinYinUtils`的类，这个类通过硬编码的...
vue集成汉字转拼音并提取首字母
LONGLONGAGO_RU的博客
02-20 9268
此方法是利用汉字和Unicode编码对应找到相应字母 一、编写汉字和编码文件对应的js； pyconst.js export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9...
vue 姓名（汉字）批量转拼音
12-22
vue 姓名（汉字）批量转拼音
中文转拼音的js控件
05-23
中文转拼音的js控件，引用非常简单。
汉语拼音音节索引表---80%
03-04
新华字典中的汉语拼音音节索引表，已调好格式，A4的纸缩放80%后正好完完全全打印出一版。
Vue 汉字转拼音；根据拼音首字母排序转二维数组；提取拼音首字母排序。
weixin_44523517的博客
09-13 564
汉字转拼音；根据拼音首字母排序转二维数组；提取拼音首字母排序。
Vue将汉字转为拼音，取出首字母
热门推荐
勋勋勋勋小勋勋的博客
01-08 1万+
效果图： .ts import HanziToPinyin from "../../hanziToPinyin"; export default class Message extends Vue { mounted() { let hanZi = "你好吗"; console.log("输出首字母"+HanziToPinyin.instance....
react下将输入的汉字转化为拼音
weixin_30296405的博客
09-22 8582
1、首先需要一个简单的拼音和汉字对应的字典文件： /** * 收录常用汉字6763个，不支持声调，支持多音字，并按照汉字使用频率由低到高排序 */ var pinyin_dict_notone = {"a":"阿啊呵腌嗄吖锕","e":"额阿俄恶鹅遏鄂厄饿峨扼娥鳄哦蛾噩愕讹锷垩婀鹗萼谔莪腭锇颚呃阏屙苊轭","ai":"爱埃艾碍癌哀挨矮隘蔼唉皑哎霭捱暧嫒嗳瑷嗌锿砹","ei":"诶","xi...
Vue中使用把汉字转化为拼音字母
卑微小韩
06-02 2048
源码git地址 https://github.com/waterchestnut/pinyin.git 安装 npm install js-pinyin import pinyin from 'js-pinyin' 使用示例 import pinyin from 'js-pinyin' pinyin.setOptions({checkPolyphone: false, charCase: 0}); console.log(pinyin.getFullChars('管理员')); console.
android使用RecyclerView获取应用包名，按照首字母排序，支持字幕条索引，使用android系统自带的汉字转拼音HanziToPinyin类，汉字转拼音不使用第三方库，代码使用androidx库完整布局实现代码，包含import并附上解析
05-30
好的，让我来回答你的问题。 首先，你需要在你的布局文件中添加一个RecyclerView，如下所示： ```xml <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 然后，在你的Activity或Fragment中，你需要定义一个适配器(Adapter)和数据源(List)用于为RecyclerView提供数据。在这个例子中，我们将使用一个包含应用程序包名的字符串列表来作为数据源。 ```java private List<String> packageNameList = new ArrayList<>(); private RecyclerView recyclerView; private PackageListAdapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); recyclerView = findViewById(R.id.recyclerView); // 获取所有应用程序包名 PackageManager pm = getPackageManager(); List<ApplicationInfo> packages = pm.getInstalledApplications(PackageManager.GET_META_DATA); for (ApplicationInfo packageInfo : packages) { packageNameList.add(packageInfo.packageName); } // 对包名按照拼音首字母进行排序 Collections.sort(packageNameList, new PinyinComparator()); // 初始化RecyclerView adapter = new PackageListAdapter(this, packageNameList); recyclerView.setLayoutManager(new LinearLayoutManager(this)); recyclerView.setAdapter(adapter); } ``` 在上面的代码中，我们使用PackageManager获取了所有应用程序的包名，并将它们添加到了一个字符串列表(packageNameList)中。然后，我们使用PinyinComparator类对包名列表进行排序，以便按照拼音首字母进行显示。最后，我们初始化了RecyclerView，将适配器(Adapter)和数据源(List)传递给RecyclerView。 接下来，我们需要定义一个用于将汉字转换为拼音的PinyinUtil类。在这个类中，我们将使用android系统自带的HanziToPinyin类来实现汉字转拼音的功能。 ```java public class PinyinUtil { /** * 将汉字转换为拼音 * * @param chinese 中文字符串 * @return 拼音字符串 */ public static String getPinyin(String chinese) { StringBuilder pinyin = new StringBuilder(); char[] chars = chinese.toCharArray(); for (char c : chars) { String[] pinyinArray = HanziToPinyin.getInstance().get(c); if (pinyinArray != null && pinyinArray.length > 0) { pinyin.append(pinyinArray[0]); } else { pinyin.append(c); } } return pinyin.toString(); } } ``` 在上面的代码中，我们定义了一个getPinyin方法，它将一个中文字符串作为参数并返回一个拼音字符串。在这个方法中，我们首先将中文字符串转换为一个字符数组，然后遍历每个字符。对于每个字符，我们使用HanziToPinyin类获取其对应的拼音数组，然后将第一个拼音添加到StringBuilder对象中。如果该字符没有对应的拼音，则将其原样添加到StringBuilder对象中。最后，我们将StringBuilder对象转换为一个字符串并返回。 最后，我们需要定义一个PinyinComparator类，它将用于按照拼音首字母对包名进行排序。 ```java public class PinyinComparator implements Comparator<String> { /** * 比较两个包名的拼音首字母 * * @param o1 包名1 * @param o2 包名2 * @return 比较结果 */ @Override public int compare(String o1, String o2) { String pinyin1 = PinyinUtil.getPinyin(o1); String pinyin2 = PinyinUtil.getPinyin(o2); return pinyin1.compareToIgnoreCase(pinyin2); } } ``` 在上面的代码中，我们定义了一个compare方法，它将两个包名作为参数并返回一个整数。在这个方法中，我们首先将两个包名分别转换为拼音字符串，然后使用String类的compareToIgnoreCase方法比较它们的拼音首字母。如果两个包名的拼音首字母相同，则比较它们的Unicode编码。 现在，我们已经完成了实现，可以通过运行应用程序来测试它。当我们滚动RecyclerView时，字幕条索引将会显示在右侧，点击字幕条索引将会自动滚动到相应的位置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值