js汉字拼音排序效果源码实例（js 汉字排序）

本文目录一览：

• 1、js实现汉字转拼音功能
• 2、js中如何实现输入汉字的拼音声母出现对应的汉字？
• 3、javascript怎样中文名字按拼音字母排序？
• 4、javascript中文按照拼音首字母排序，如何实现？
• 5、jquery或javascipte实现标签内文字按拼音首字母排序
• 6、JavaScript中 人名按照拼音排序，可以用localeCompare函数，但是要考虑多音字，怎么处理多音字的问题？

js实现汉字转拼音功能

在做酒店项目时选择城市页面需要按照首字母分类并排序，用到了汉字转拼音的功能，最终使用了下面这种方法，在此记录一下。

js中如何实现输入汉字的拼音声母出现对应的汉字？

和google的输入提示一个道理，几乎所有Ajax入门书都讲这个。

简单的说，输入框的onchange事件的响应函数里面增加一个xmlhttp请求，

服务器响应请求返回提示更新页面。

但是细节上考虑要多复杂有多复杂，

首先就是拼音到汉字，你需要找输入法的源代码，

然后就是缓存，数据库，安全性等等……

方案二：纯js

用js写一个输入法……

大致思路是页面用按音序排列的编码，如GB2312，然后以音序映射到字符编码上

javascript怎样中文名字按拼音字母排序？

resultValue=[ ‘武汉’ , ‘北京’ , ‘上海’ , ‘天津’ ] ;

resultValue= resultValue.sort(

function compareFunction(param1,param2){

return param1.localeCompare(param2);

}

);

resultValue结果为：

[ ‘北京’ , ‘上海’ , ‘天津’ ,’武汉’ ] ;

javascript中文按照拼音首字母排序，如何实现？

中文拼音排序一直都是很有趣的一个问题。推荐使用这个函数 String.prototype.localeCompare()，链接 MDN。首先用 localeCompare 试下拼音排序

var array = [‘武汉’, ‘北京’, ‘上海’, ‘天津’];

array.sort(

function compareFunction(param1, param2) {

return param1.localeCompare(param2);

}

);

array // [“北京”, “上海”, “天津”, “武汉”]

然后根据 26 个英文字母分组排序，函数如下，

function pySegSort(arr) {

if(!String.prototype.localeCompare)

return null;

var letters = “*abcdefghjklmnopqrstwxyz”.split(”);

var zh = “阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀”.split(”);

var segs = [];

var curr;

letters.forEach(function(item,i){

curr = {letter: item, data:[]};

arr.forEach(function(item2){

if((!zh[i-1] || zh[i-1].localeCompare(item2) = 0) item2.localeCompare(zh[i]) == -1) {

curr.data.push(item2);

}

});

if(curr.data.length) {

segs.push(curr);

curr.data.sort(function(a,b){

return a.localeCompare(b);

});

}

});

return segs;

}

测试：

pySegSort([“我”,”不”,”懂”,”爱”,”啊”,”按”,”已”,”呀”,”选”,”县”])

结果：

[{“letter”:”a”,”data”:[“啊”,”爱”,”按”]},{“letter”:”b”,”data”:[“不”]},{“letter”:”d”,”data”:[“懂”]},{“letter”:”w”,”data”:[“我”]},{“letter”:”x”,”data”:[“县”,”选”]},{“letter”:”y”,”data”:[“呀”,”已”]}]

var arr = [“张三”,”李四”,”王五”,”阿三”]; 

document.write(arr+””);

arr.sort(function(a,b){

return a.localeCompare(b);

});

document.write(arr);

定义和用法：

用本地特定的顺序来比较两个字符串。

语法：

stringObject.localeCompare(target)

参数描述：

target    要以本地特定的顺序与 stringObject 进行比较的字符串。  

返回值：

说明比较结果的数字。如果 stringObject 小于 target，则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target，则该方法返回大于 0 的数。如果两个字符串相等，或根据本地排序规则没有区别，该方法返回 0。

说明：

把 和 运算符应用到字符串时，它们只用字符的 Unicode 编码比较字符串，而不考虑当地的排序规则。以这种方法生成的顺序不一定是正确的。例如，在西班牙语中，其中字符 “ch” 通常作为出现在字母 “c” 和 “d” 之间的字符来排序。

localeCompare() 方法提供的比较字符串的方法，考虑了默认的本地排序规则。ECMAscript 标准并没有规定如何进行本地特定的比较操作，它只规定该函数采用底层操作系统提供的排序规则。

参考资料

百度知道.百度知道[引用时间2018-1-5]

jquery或javascipte实现标签内文字按拼音首字母排序

jq:

var wrap = $(‘div’);

var html = 

        wrap.find(‘a’)

        .map(function(){//获取文字

          return $.trim($(this).text())

        })

        .toArray()//转换jq为数组

        .sort(function(a , b){

          return a.localeCompare(b)//按照顺序排序

        })

        .map(function(txt){//拼接html

          return ‘a’ + txt + ‘/a’;

        })

        .join(”);

wrap.html(html);//输出

js:

function toArray(nodes){

  return [].slice.call(nodes , 0);

}

var wrap = document.querySelector(‘div’);

var links = wrap.querySelectorAll(‘a’);

var html = 

    toArray(links)

    .map(function(el , i){//读取文字

       return (el.innerText || el.textContent).trim();

    })

    .sort(function(a , b){

       return a.localeCompare(b)//按照顺序排序

    })

    .map(function(txt){//组合html

       return ‘a’ + txt + ‘/a’;

    })

    .join(”);

wrap.innerHtml = html;//输出

JavaScript中 人名按照拼音排序，可以用localeCompare函数，但是要考虑多音字，怎么处理多音字的问题？

首先获取到人名之后将人名转换为字符串，

获取字符串的下标,比较完首字母之后对比第二个，

第三个