根据拼音做城市索引列表

分手后的思念是犯贱 2022-09-06 10:26 154阅读 0赞

var cities = [
        { area_name: "北京市", abbr_name: "北京", abbr_name_pinyin: "beijing", code: 110100},
        { area_name: "黄山市", abbr_name: "黄山", abbr_name_pinyin: "huangshan", code: 341000},
        { area_name: "厦门市", abbr_name: "厦门", abbr_name_pinyin: "xiamen", code: 350200},
        { area_name: "运城市", abbr_name: "运城", abbr_name_pinyin: "yuncheng", code: 140800},
    ];
    let arr = [];
    let obj = { };
    for (let i = 0; i < 26; i++) { 
      const key = String.fromCharCode(65 + i);
      obj[key] = { 
        title: key,
        lists: []
      }
      cities.map((v, k) => { 
        let firstIndex = v.abbr_name_pinyin.charAt(0).toUpperCase();
        if (firstIndex.toUpperCase() == String.fromCharCode(65 + i)) { 
          obj[key].lists.push(v);
        }
      })
      if (obj[key].lists === undefined || obj[key].lists.length == 0) { 
        continue;
      } else { 
        arr.push(obj[key]);
      }
    }
    console.log(arr);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F1aG9uZ3FpYW5n_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F1aG9uZ3FpYW5n_size_16_color_FFFFFF_t_70]: /images/20220829/7603ebe39a374f6d9794549b519b70ba.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java 根据汉字获取其拼音

pom.xml导入pinyin4j的依赖 <dependency> <groupId>com.belerweb</groupId>

小咪咪/ 2022年12月30日 14:55/ 0 赞/ 108 阅读

相关 html 字母列表通讯录,Flutter 城市/通讯录列表字母索引联动效果实现

前言在像通讯录，联系人列表，城市选择列表等数据量比较多的长列表页面中，我们经常会留意到产品设计会在页面的右侧区域提供一个竖向的字母索引列表，供用户点击选择快速定位到长列表中

谁践踏了优雅/ 2022年10月06日 07:57/ 0 赞/ 200 阅读

相关根据拼音做城市索引列表

var cities = [ { area_name: "北京市", abbr_name: "北京", abbr_name_pinyin: "beiji

分手后的思念是犯贱/ 2022年09月06日 10:26/ 0 赞/ 155 阅读

相关 js实现城市名称拼音索引

来到新的项目组快两个月的时间了，今天开需求分析电话会议时；业务提出来根据拼音进行城市姓名索引的需求。所以自己编写了一个方法进行从后台得到的json数据进行一个按照城市首写字母的

淡淡的烟草味﹌/ 2022年07月17日 03:48/ 0 赞/ 168 阅读

相关全国市一级城市列表

最近的项目中，在注册页面中需要选择地区，花了大量的时间整理，现在也分享下吧,有需要的可以直接复制粘贴就好了: ['北京市|beijing|bj','上海市|shang

逃离我推掉我的手/ 2022年07月14日 05:56/ 0 赞/ 328 阅读

相关微信小程序实现城市名称拼音搜索框汉字/拼音（城市区县定位模块）

~ 文末展示项目更新哦 ~ 更新II：代码已重构，比文中初始代码更清晰规范，功能不变，如有帮助请star。 -------------------- 要实现的效果展示

缺乏、安全感/ 2022年06月14日 06:40/ 0 赞/ 469 阅读

相关小程序实现带索引的城市列表

效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

叁歲伎倆/ 2021年12月21日 11:55/ 0 赞/ 400 阅读

相关根据IP显示城市

< script type ="text/javascript" src ="http://fw.qq.com/ipaddress" charset ="gb2312"

港控/mmm°/ 2021年11月23日 06:24/ 0 赞/ 287 阅读

相关根据城市获取天气

获取城市的城市代码了 ![复制代码][copycode.gif] function curl($url){ $ch = curl_init()

怼烎@/ 2021年10月29日 19:04/ 0 赞/ 430 阅读

相关索引列表

常见的一种索引列表 ![70][] <!DOCTYPE html> <html> <head> <meta charset="utf-8">

我会带着你远行/ 2021年09月16日 11:24/ 0 赞/ 320 阅读