js 对中文首字母进行分组排序

最新推荐文章于 2024-06-20 11:36:30 发布
最新推荐文章于 2024-06-20 11:36:30 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a5286239/article/details/100135855
版权

  1. 首先对数据进行筛选

     需要引入https://github.com/sxei/pinyinjs,取中文首字母
 const groups = {};
 for (let k in events) {
   const group = events[k].short_name_zh.substr(0, 1);
   group = translate.getFirstLetter(group);
   groups[group] = groups[group] || []
   groups[group].push(events[k]);
 }

  2. 然后对数据进行排序

     var sortGroup = {};
 Object.keys(groups).sort().map(function(group) {
 	sortGroup[group] = groups[group];
 })
诚实可靠的唐僧
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript如何实现汉字按拼音首字母分组拼序
lzrit的博客
05-27 2184
中文拼音排序一直都是很有趣的一个问题。推荐使用这个函数String.prototype.localeCompare() 给题主分享一下我之前弄过的(代码不是我原创，也是模仿别人写的)，首先用 localeCompare 试下拼音排序： var array = ['武汉', '北京', '上海', '天津']; array.sort( function compareFunction...
js实现中文按照首字母进行排列
01-20
js实现中文按照首字母进行排列，可以按照首字母进行分类、排序。js实现中文按照首字母进行排列，可以按照首字母进行分类、排序。
JS数组对象——中文按照首字母排序（分组）sort()、localeCompare()
XSL_HR的博客
01-07 9385
排序在后台管理系统对于数据的处理中用得非常多。本期文章重点介绍根据中文首字母排序和分组。将用到JavaScript的sort()和localeCompare()方法，分组将涉及到外部插件的引入。
angularjs姓名转拼音js
热门推荐
苏凯的博客
09-14 1万+
angularjs姓名转拼音js 姓名转拼音HTML: 触发: ConvertPinyin('Basic'); <div class="form-item-input"> <div class="form-item-input-left"> ...
JavaScript数据处理：排序与分组
最新发布
m0_54340021的博客
06-20 463
本文介绍了JavaScript中两种重要的数组处理方法：排序和分组。排序方法允许我们根据对象的某个属性值进行正序或倒序排序，甚至可以对日期进行排序。分组方法则将具有相同属性值的对象归类。通过示例代码，我们展示了如何实现这些方法，并提供了实际应用场景。这些技术在数据展示和处理中极为实用，有助于提升开发效率和数据管理能力。
js 通过首字母进行归类，根据拼音首字母分组
早晚的博客
08-10 559
js 通过首字母进行归类，根据拼音首字母分组。
js根据汉字拼音首字母排序分组
晨曦的博客
06-15 3786
最近有一个需求，就是做一个类似通讯录的玩意。这里其实前端的话网上挺多轮子的，直接改改就好了，但是有一点就是在得到汉字之后如何根据拼音的首字母排序并且分组就是一个小问题，当然解决起来也是挺简单的啰。由于我实在小程序中的实现，所以就用的是js。 首先我们需要去github上找到一个开源的汉字库，其实说白了就是一个码表，自己也可以弄，但是没有必要重复造轮子的。 首先，我找的是这个库，star人挺多的 github传送门 也有那种带声标的，但是没必要，这个库就很OK了。由于小程序这边安卓是不能使用localCo
JS按照中文首字母进行排序
cjp1223的博客
02-27 293
JS实现中文首字母进行排序
Js实现中文排序，并根据拼音首字母分组
weixin_33947521的博客
12-10 3245
Js实现中文排序，并根据拼音首字母分组 const pySegSort=(arr) =>{ if (!String.prototype.localeCompare) return null let letters = 'abcdefghjklmnopqrstwxyz'.split('') let zh = '...
js中文按首字母排序
stone10086的博客
11-05 1万+
var array = ['武汉', '北京', '上海', '天津','','am','pam','1213','123']; var resultArray = array.sort( function compareFunction(param1, param2) { return param1.localeCompare(param2,"zh"); } );...
JavaScript String 对象参考手册 localeCompare() 方法
stephen830
03-02 566
JavaScript localeCompare() 方法 返回JavaScript String 对象参考手册（目录） 定义和用法 用本地特定的顺序来比较两个字符串。 语法 stringObject.localeCompare(target)     参数描述 target 要以本地特定的顺序与 stringObject 进行比较的字符串。 返回值 说明比较结果的数字。如果...
js获取汉字首字母并排序
02-22
js获取汉字首字母并排序
JS中使用sort结合localeCompare实现中文排序实例
10-25
主要介绍了JS中使用sort结合localeCompare实现中文排序实例,重点介绍localeCompare函数,需要的朋友可以参考下
JS实现移动端按首字母检索城市列表附源码下载
12-29
我们常见的手机通讯录或微信通讯录，联系人信息是按字母顺序排列的列表，通过点击右侧的字母，会迅速定位检索到首字母对应的联系人。那么我今天给大家介绍的是按首字母快速定位到城市列表，效果和通讯录一样的。  查看演示 下载源码 准备 查看演示     下载源码 准备 首先我们需要用到全国的城市数据，这些城市数据来源于网络，我已经将数据格式化成JSON形式了，大家可以直接拿去用。 我们还需要用到一个叫better-scroll的滚动插件，它能帮我们将超长的页面原生的滚动条处理掉，优化滚动效果。 接着我们准备HTML结构。 <div class=city-wra
SortSelect vue + elementui自定义按首字母排序下拉列表组件
10-27
3. **数据与属性**：定义组件的数据对象，包括所有选项（options）、当前选中的值（selected）和按首字母分组的选项（filteredOptions）。此外，还可以定义一个字母索引（alphabet），用于生成字母导航栏。 ```...
微信小程序-首字母排序选择功能开发.zip
04-20
在实现首字母排序选择功能时，首先需要对数据进行处理，通常会使用数组来存储待排序的数据对象。每个对象应包含一个用于排序的关键字段，例如`name`，以及可能的其他属性。 2. **首字母提取** 对于每个数据对象，...
JS实现中文汉字按拼音排序的方法
11-29
这样，汉字就按照拼音首字母分组，并在每个分组内进行了排序。 除此之外，还可以通过扩展功能来获取中文拼音首字母，以便快速查找页面内的中文内容。例如，可以使用JavaScript实现超简单的汉字转拼音功能，或者利用...
vue适用于pc端的城市选择组件按城市首字母排序
08-12
这个组件基于Vue.js构建，能够帮助开发者快速、方便地实现城市数据的展示，并且已经预先按照城市首字母进行了排序，为用户提供更好的搜索和选择体验。 首先，我们来理解一下Vue.js组件的基本概念。Vue组件是可重用...
JavaScript之实现中文根据首字首字母排序、拼音、sort、localeCompare、split、indexOf、isFinite
软件毕设协助及软件开发、IT、程序、编程、程序员、写代码、工程师、互联网、物联网、技术栈、软件开发、硬件开发、计算机科技、智慧电子模块。
04-11 945
JavaScript之实现中文根据首字首字母排序、拼音、sort、localeCompare、split、indexOf、isFinite
vue通讯录按名子首字母排序分组
06-12
要实现通讯录按名字首字母排序分组，可以按照以下步骤进行： 1. 获取通讯录数据，并将每个联系人的名字转换为拼音。 2. 根据拼音首字母对联系人进行分组。 3. 对每个分组内的联系人按照名字进行排序。 4. 在页面上渲染每个分组及其对应的联系人。 以下是一个简单的实现示例： 1. 使用 pinyin 库将联系人名字转换为拼音： ```js import pinyin from 'pinyin'; const contacts = [ { name: '张三', phone: '123456789' }, { name: '李四', phone: '987654321' }, // ... ]; const pinyinContacts = contacts.map(contact => { const pinyinName = pinyin(contact.name, { style: pinyin.STYLE_FIRST_LETTER }).join(''); return { ...contact, pinyinName }; }); ``` 2. 根据拼音首字母对联系人进行分组： ```js const groupedContacts = pinyinContacts.reduce((groups, contact) => { const firstLetter = contact.pinyinName[0].toUpperCase(); if (!groups[firstLetter]) { groups[firstLetter] = []; } groups[firstLetter].push(contact); return groups; }, {}); ``` 3. 对每个分组内的联系人按照名字进行排序： ```js Object.keys(groupedContacts).forEach(key => { groupedContacts[key].sort((a, b) => a.name.localeCompare(b.name)); }); ``` 4. 在页面上渲染每个分组及其对应的联系人： ```html <template> <div> <div v-for="(contacts, letter) in groupedContacts" :key="letter"> <h2>{{ letter }}</h2> <ul> <li v-for="contact in contacts" :key="contact.phone">{{ contact.name }}</li> </ul> </div> </div> </template> <script> export default { data() { return { groupedContacts: {}, }; }, mounted() { // 获取联系人数据并处理分组排序 // ... this.groupedContacts = groupedContacts; }, }; </script> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值