
程序开发 vue 中对城市列表根据首字母进行排序
vue中根据城市的首字母a-z进行排序 先安装 js-pinyin 依赖: npm i --save js-pinyin 然后在组件中引入: import pyjs from 'js-pinyin' export default { async mounted() { let city = [ { name: '北京' }, { name: '上海' }, { name: '广州' }, { name: '武汉' }, { name: '浙江' }, { name: '海口' } ] // 城市列表 let blocks = [] // 新列表 let p, c let d = {} city.forEach(item => { p = pyjs.getFullChars(item.name).toLocaleLowerCase().slice(0, 1) c = p.charCodeAt(0) // charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。 if (c > 97 && c < 123) { // 小写的 a-z if (!d[p]) { d[p] = [] } d[p].push(item.name) } }) for(let [k, v] of Object.entries(d)) { blocks.push({ title: k.toUpperCase(), city: v }) } blocks.sort((a, b) => a.title.charCodeAt(0) - b.title.charCodeAt(0)) console.log(blocks) // 得出结果 } }
最新评论
卡伊德
我照着做了一遍,但是访问的时候是404,请问博主知道解决办法嘛??

评:nuxt使用@nuxtjs/sitemap生成sitemap.xml保标招标
博客很棒 欢迎博主回访我
评:深度系统更新(2020.11.13)Caid Blog
可否申请与贵站为友链, 网站名称:Caid Blog 网站地址:https://www.caidhome.cn 等贵站同意后第一时间添加贵站链接。
评:留言崔先森
邮箱复制回复连接,打开404呢! 另外昨晚升级到2.9发图问题依旧就还换成2.6发现字体不对,自己研究了一会发现原来一直用的2.7有重新本地安装的,唉,默默的用吧顺带解决了窗口黑边框的问题,之前看的处理,还是tg好用实话虽然没啥好友但是放个视频资料啥的全当网盘里比百度网盘强多了 https://cuizhe.me/202007/972.cz
评:deepin更新最新版微信,如不能发图片回退方法崔先森
哈哈,搜索这个问题居然看到你博客了。现在最新版的还是无法解决这个问题吗?我在2.6的版本徘徊好久了。。。。
评:deepin更新最新版微信,如不能发图片回退方法Holyrisk
还有这个操作?
评:推广网站轩陌
主题更新了一下,你的评论问题应该也解决了,有需要可以看下
评:留言崔先森
还是想试试UOS,因为看广告发现哪个语音助手可以完几分钟。。。。。
评:deepin v20 Beta 安装uos浏览器挖站否
网站速度很快
评:2019款凌派舒适版加装免游丝版多功能方向盘阿凯
能不能出个视频教程啊,新手上路不太懂。
评:滴滴云安装宝塔Linux面板教程