JS获取汉字首字母

在实际开发中，需要对用户输入的汉字进行一些处理，例如汉字排序、筛选等工作。而汉字的首字母大多是作为筛选和排序的依据。JS获取汉字首字母可以说是一项常用技能，那么本文就将从多个方面对JS获取汉字首字母进行详细的阐述。

一、初步认识

对于JS获取汉字首字母这一技能，我们首先需要明白什么是汉字。汉字是一种表意文字，其中的每一个字形都代表了一个独立的意义。而JS获取汉字首字母，实际上就是要把这些汉字转换成对应的非汉字字符，例如拼音。

在获取汉字首字母之前，我们需要先认识几个概念:

//定义一个字符串
var str = '汉字';

//获取str的第一个字符
var firstChar = str.charAt(0);
//获取str的字符编码
var charCode = str.charCodeAt(0);

在上面的代码中，charAt()方法返回指定位置的字符，charCodeAt()方法则返回指定位置的字符的Unicode编码值。Unicode编码是国际标准，包含了所有语言的字符，其中GB2312、GBK、UTF-8都是Unicode的一种实现方式。

二、利用正则表达式

正则表达式是处理文本的强大工具之一，在JS中也有着广泛的应用。相关的学习可以参见《JavaScript高级程序设计》一书，这里不再详细讲解。下面介绍一种用正则表达式获取汉字首字母的方法。

//定义一个字符串
var str = '汉字';

//使用正则表达式获取汉字首字母
var pinyin = str.replace(/[^\u4e00-\u9fa5]/g, '').replace(/(.)/g, function ($0, $1) {
    return pinyin_dict[$1] || $1;
}).replace(/(^|\s)(\w)/g, function ($0, $1, $2) {
    return $1 + $2.toUpperCase();
});
console.log(pinyin);

上述代码中，使用replace()方法获取汉字的拼音。其中第一个replace()方法匹配汉字，第二个replace()方法将匹配的汉字替换成拼音，第三个replace()方法将拼音的首字母变成大写。

三、利用第三方库pinyin.js

pinyin.js是一个用于将汉字转换成拼音的第三方库，可以轻松地获取汉字的拼音和首字母。首先需要引入pinyin.js：

<script src="https://cdn.bootcdn.net/ajax/libs/pinyinjs/0.4.0/pinyin.core.js"></script>

接下来的代码就可以愉快地获取汉字的拼音和首字母了：

//定义一个字符串
var str = '汉字';

//获取汉字的拼音
var pinyin = pinyinUtil.getPinyin(str);
//获取汉字的首字母
var firstChar = pinyinUtil.getFirstLetter(str);

四、利用第三方库z-zy

z-zy是一款JS库，可以将汉字转换成拼音，并且支持汉字首字母排序。该库的特点是代码量小，使用简单方便。使用z-zy之前，需要先引入相关的JS文件：

<script src="https://cdn.bootcdn.net/ajax/libs/z-zy/1.0.0/index.min.js"></script>

接下来就可以愉快地获取汉字的拼音、首字母了：

//定义一个字符串
var str = '汉字';

//获取汉字的拼音
var pinyin = z.zy.pinyin.getFullChars(str);
//获取汉字的首字母
var firstChar = z.zy.pinyin.getFirstChars(str);
//按照汉字首字母排序
var arr = ['张三', '李四', '王五'];
arr.sort(function (a, b) {
    return z.zy.pinyin.getFirstChars(a).localeCompare(z.zy.pinyin.getFirstChars(b));
});
console.log(arr);