英文字母的组合排序

我不是女神ヾ 2023-07-21 06:15 112阅读 0赞

做通讯录时，每一条数据通常会带有姓名首字母，前台渲染时需要把相同首字母的数据组合到一起，例如，把姓名首字母是A的数据组合到一起，首字母为B的组合到一起 ：

const arr = [
        {name: '吕xx', i: 'L'},
        {name: '李xx', i: 'L'},
        {name: '刘xx', i: 'L'},
        {name: '宫xx', i: 'G'},
        {name: '王xx', i: 'W'},
        {name: '张xx', i: 'Z'},
        {name: '本xx', i: 'B'},
        {name: '修xx', i: 'X'},
        {name: '阿xx', i: 'A'}
    ]
    function combineData(arr) {
        let map = {}
        let newArr = []
        arr.forEach(item => {
            const KEY = item['i']
            if (!map[KEY]) {
                map[KEY] = {
                    title: KEY,
                    items: []
                }
            }
            map[KEY]['items'].push(item)
        })
        for (let key in map) {
            // 是否有字母
            if (map[key]['title'].match(/[A-z]/gi)) {
                newArr.push(map[key])
            }
        }
        newArr.sort((a, b) => {
            return a['title'].charCodeAt(0) - b['title'].charCodeAt(0)
        })
        console.log(newArr)
    }
    combineData(arr)

结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70][]

## ##

### 知识点： ###

**1、charCodeAt（index）**

index（字符串的索引） - 大于等于0 小于字符串长度，默认为0，超出索引 返回NaN

字符串方法，返回的是给定索引处的Unicode编码

"ABC".charCodeAt() // A对应的Unicode编码 65
    "ABC".charCodeAt(0) // A对应的Unicode编码 65
    "ABC".charCodeAt(1) // B对应的Unicode编码 66
    "ABC".charCodeAt(10) // NaN

**2、charAt（index） **

index（字符串索引）

返回指定位置的字符,默认值为0，超出索引，返回空字符串 ''

"ABC".charCodeAt() // 'A'
    "ABC".charCodeAt(0) // 'A'
    "ABC".charCodeAt(1) // 'B'
    "ABC".charCodeAt(10) // ''

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzc4MDAx_size_16_color_FFFFFF_t_70]: /images/20230528/f62405ce36d24ea98484182f67af6278.png