uniapp 对如下JSON数组排序,按拼音字母。[{"quxuan":"丰城市"},{"quxuan":"上高县"},{"quxuan":"万载县"}]
时间: 2023-09-02 18:15:51 浏览: 172
拼音首字母排序使用的城市json文件
5星 · 资源好评率100%
可以使用 JavaScript 的 sort() 方法和拼音转换库 pinyinjs 进行排序。
首先,需要引入 pinyinjs 库。可以在项目根目录下的 `main.js` 文件中添加以下代码:
```javascript
import pinyin from 'pinyinjs'
Vue.prototype.$pinyin = pinyin
```
接下来,在需要进行排序的地方,调用 sort() 方法,并将每个对象的 `quxuan` 属性转换为拼音字符串,再进行比较。代码如下:
```javascript
let arr = [{"quxuan":"丰城市"},{"quxuan":"上高县"},{"quxuan":"万载县"}]
arr.sort((a, b) => {
let strA = Vue.prototype.$pinyin.getFullChars(a.quxuan)
let strB = Vue.prototype.$pinyin.getFullChars(b.quxuan)
return strA.localeCompare(strB)
})
```
这样,就能将数组按拼音字母排序了。
阅读全文