数据处理 array json 格式 转换成 数组形式

本文介绍了一种处理城市数据的方法,包括如何通过拼音首字母进行排序,并将数据映射为特定格式的对象数组。同时,还提供了仅显示不同拼音首字母的实现方案。

处理这种数据应该使用的方式是

   
this.cities= res.data.data.cities.sort((a,b)=>{ //排序 进行字母排序
                 return a.pinyin[0].charCodeAt()-b.pinyin[0].charCodeAt()
              }).map((item)=>{ //映射 返回一个对象放入数组
                 return {
                     "id":item.id,
                     "zm":item.pinyin[0],
                     "name":item.name
                 }
              })

//处理结束后

接下来如果 只想显示 每个开头的来的字母(zm) 比如 像下面这种的

那么

    <h3 :id="item.zm" v-if="index===0 || index!=0 && item.zm!=cities[index-1].zm">{{item.zm}}</h3>

//判断 index===0 显示 该项
 //当index 不是0的时候 让你所想要显示的内容 去与它的 前一项比较 如何不相等就显示。
//index-1 不能为写成index 因为没有-1项。

 

转载于:https://www.cnblogs.com/l8l8/p/9437572.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值