最近制作中解决的问题,给数据加上字母并让他们按照字母排序

1.小程序项目目录右键 “在外部终端窗口中打开” ,执行命令,

(npm init初始化项目,生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。)

npm init

2.使用在npm中找到的包,执行命令

npm i wl-pinyin

3.微信开发者-工具中-构建npm,在详情-本地配置中-使用npm模块

4.在需要使用的界面引入

import pinyin from "wl-pinyin"

5.使用方法

pinyin.getPinyin("你好") // ni hao
pinyin.getFirstLetter("你好") // NH

6.在项目中使用,

js

//下面这组数据是从接口中请求的来的,这里拿出来看的更直观
var list=[{id: 1, name: "万景千言"},{id: 2, name: "八里沟"},{id: 17, name: "京华园"},{id: 21, name: "平原博物馆"},{id: 38, name: "金牛湖野生动物王国"},{id: 70, name: "哈哈哈"}]for(let i=0 ; i< list.length ; i++){ var spell = pinyin.getFirstLetter(list[i].name) // 取出首字母大写var str = spell.split("")  list[i]["phoneticize"] = str[0]}this.setData({sciencelist: list})

在控制台看一下此时list数组

如有错误,欢迎指出

微信小程序提取汉字字母大写相关推荐

  1. 【微信小程序提取公共请求数据】

    [微信小程序提取公共请求数据] 在utils下设置一个http.js const url = 'https://api.shop.eduwork.cn'; const request = (path= ...

  2. 选择所在城市html按字母,微信小程序实现根据字母选择城市功能

    今天开发一个小程序,里面涉及到区域选择,看了网上的一些版本,感觉写的不全,有可能是我的理解能力还不够吧.今天我就结合网上的答案,在根据自己的需求,重新整理一份.希望对大家有帮助.先看看截图: 项目截图 ...

  3. 微信小程序中根据字母选择城市

    今天开发一个小程序,里面涉及到区域选择,看了网上的一些版本,感觉写的不全,有可能是我的理解能力还不够吧.今天我就结合网上的答案,在根据自己的需求,重新整理一份.希望对大家有帮助.先看看截图: 项目截图 ...

  4. 微信小程序列表首字母排序并根据字母定位

    背景:页面左侧为分类,点击不同分类,右侧展示相应分类的列表数据,并点击字母悬浮窗,可以快速定位到相应的数据板块 思路: 1.汉字转中文 2.排序 3.点击字母定位 一 汉字转中文 汉字与拼音互转工具 ...

  5. 微信小程序 data命名不能大写

    data-一切="{{值}}" 这个"一切",不能包含大写 <button class='cu-btn round sm bg-blue' catchta ...

  6. 数字用计算机写大写,微信小程序学习用:大写计算器;数字转换为大写

    [AppleScript] function digitUppercase(n) { var fraction = ['角', '分']; var digit = [ '零', '壹', '贰', ' ...

  7. 微信小程序周报(第九期)-极乐科技

    每周一笑 儿子:"爸爸,哥哥毕业以后,就会当和尚,会法术了吗?" 爸爸:"傻儿子,你哥哥是学技术了,不是学法术!" 儿子:"为什么他们都说,哥哥去了济 ...

  8. 微信小程序手把手教你实现带字母索引的城市选择列表

    微信小程序手把手教你实现带字母索引的城市选择列表 前言 需求分析 左边可滑动列表 滑动列表UI实现 item点击事件 右边带字母的索引条 索引条从上到下分别是定位和26个大写字母 索引条响应触摸和点击 ...

  9. 【微信小程序】汉语大辞典:汉字,成语,词语和歇后语查询

    介绍一款微信小程序:汉语大辞典,小程序收录了 81546 个汉字,375884 个词语,43827 个成语和 40018 个歇后语.内容均包含详尽的解释和示例,支持各种类型的搜索查询(拼音,笔画,首字 ...

最新文章

  1. python中formatter的用法_sql-formatter 格式化sql
  2. php mysql 正则表达式_MYSQL使用正则表达式过滤数据_MySQL
  3. 显示屏的方向设置问题
  4. JS获取元素属性和自定义属性
  5. android activity alias,动态更换桌标 Activity-alias
  6. MongoDB系列之——安装和启动
  7. 简单混合锁(HybridLock)
  8. python获取命令行参数_Python获取命令行参数的正确方法,案例详解
  9. 为什么创业你只为少数人服务就够了?
  10. 【原】Docker学习_安装篇(一)
  11. Pandas 的轴向连接 concat
  12. STM32——库函数流水灯程序
  13. 苹果系统 怎么找到共享计算机,Mac电脑怎么访问共享文件夹
  14. wamp5环境配置基础教程
  15. 零基础学平面设计是自学好还是报班好?
  16. How Much Should We Invest for Network Facility: Quantitative Analysis on Network ’Fatness’ and Machi
  17. JavaScript 基础知识查漏补缺
  18. 结合网站ASPCMS标签集锦
  19. Navicat Premium使用
  20. [免费专栏] Android安全之APK逆向入门介绍

热门文章

  1. Kafka 官方文档1(中文)
  2. 生产计划管理软件功能是什么?对生产管理有何好处?
  3. html js不触发_「万字整理 」这里有一份Node.js入门指南和实践,请注意查收 ??
  4. 怎样使用菜单栏中的Apple图标在苹果Mac上强制退出应用程序?
  5. 全国计算机等级考试一级(WIN7+OFFICE2010)作题练习指导
  6. PostgreSQL之如何敲开PG的大门?
  7. Halcon的C++教程
  8. 多客户端访问mysql_解决关于多客户端操作数据库并发问题
  9. SSL用pem和key文件生成jks文件
  10. Inventor制作动画