js中对象属性值排序(字典倒排序)
sort函数实用于数组不适用于对象
先说一下sort函数:
var a=[3,2,5,7,3,6,8,9,1,2]; document.writeln(a.sort());12
结果即是对a顺序排序;
逆序排序两种方法,第一种:
document.writeln(a.sort().reverse());1
第二种,查看sort方法介绍:
sort([function,option] comparefn) (array)
里面包含一个函数可选参数,这个参数有两个形参a,b,返回结果大于0说明a大于b,小于0则相反,等于0则相等。默认排序方式对应的函数即:
function(a,b){ return a-b; }
因此逆序可以这样:
document.writeln(a.sort(function(a,b){return -(a-b)});1
倒排序
先来看一个简单的字典按键排序代码:
var dic={x:2,z:1,y:3};//输出 {x:2,y:3,z:1} var sdic=Object.keys(dic).sort(); for(ki in sdic){ document.writeln(sdic[ki]+":"+dic[sdic[ki]]+","); }12345
上面利用Object.keys方法提取对象里面的所有属性(键),并默认排序后输出。要写一个按值排序,也就是说上面例子输出 {z:1,x:2,y:3},也就是提取的键数组应该是[‘z’,’x’,’y’],应自定义sort函数,如下:
var dic={x:2,z:1,y:3};//输出 {z:1,x:2,y:3} var sdic=Object.keys(dic).sort(function(a,b){return dic[a]-dic[b]}); for(ki in sdic){ document.writeln(sdic[ki]+":"+dic[sdic[ki]]+","); }
中文汉字按拼音排序的方法和英文按照首字母排序的方法
要排序的数据:
//要排序的数据let data = [ {chinese: '蔡司', english: 'Chase'}, {chinese: '艾伦', english: 'Allen'}, {chinese: '左拉', english: 'Zola'}, {chinese: '贝克', english: 'Baker'}, {chinese: '伯格', english: 'Berg'}, {chinese: '菲奇', english: 'Fitch'}, {chinese: '迪安', english: 'Dean'}, {chinese: '厄尔', english: 'Earle'}, {chinese: '亨利', english: 'Henry'}, ]
根据汉字拼音排序
这里要用到一个字符串方法:
localeCompare() 方法
定义和用法
用本地特定的顺序来比较两个字符串。
语法
stringObject.localeCompare(target)
参数 | 描述 |
---|---|
target | 要以本地特定的顺序与 stringObject 进行比较的字符串。 |
返回值
说明比较结果的数字。如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。
说明
把 < 和 > 运算符应用到字符串时,它们只用字符的 Unicode 编码比较字符串,而不考虑当地的排序规则。以这种方法生成的顺序不一定是正确的。例如,在西班牙语中,其中字符 “ch” 通常作为出现在字母 “c” 和 “d” 之间的字符来排序。
localeCompare() 方法提供的比较字符串的方法,考虑了默认的本地排序规则。ECMAscript 标准并没有规定如何进行本地特定的比较操作,它只规定该函数采用底层操作系统提供的排序规则。
可是排序:
从z~a
//根据汉字首字母排序 //使用箭头函数 //【注】localeCompare() 是js内置方法 data.sort((a, b)=> b.chinese.localeCompare(a.chinese, 'zh')); //z~a 排序
从a~z
data.sort((a, b)=> a.chinese.localeCompare(b.chinese, 'zh')); //a~z 排序
根据英文首字母的ASCLL码进行排序
从z~a
//根据英文排序 比较 首字母ASCLL码 //使用箭头函数 data.sort((a, b) => b.english.charCodeAt(0) - a.english.charCodeAt(0)); //z~a 排序
从a~z
data.sort((a, b) => a.english.charCodeAt(0) - b.english.charCodeAt(0)); //a~z 排序
完整演示代码:
//要排序的数据 let data = [ {chinese: '蔡司', english: 'Chase'}, {chinese: '艾伦', english: 'Allen'}, {chinese: '左拉', english: 'Zola'}, {chinese: '贝克', english: 'Baker'}, {chinese: '伯格', english: 'Berg'}, {chinese: '菲奇', english: 'Fitch'}, {chinese: '迪安', english: 'Dean'}, {chinese: '厄尔', english: 'Earle'}, {chinese: '亨利', english: 'Henry'}, ] //根据汉字首字母排序 //使用箭头函数 //【注】localeCompare() 是js内置方法 // data.sort((a, b)=> b.chinese.localeCompare(a.chinese, 'zh')); //z~a 排序 // data.sort((a, b)=> a.chinese.localeCompare(b.chinese, 'zh')); //a~z 排序 // console.log(data); //根据英文排序 比较 首字母ASCLL码 //// console.log(data[0].english.charCodeAt(0)); // data.sort((a, b) => b.english.charCodeAt(0) - a.english.charCodeAt(0)); //z~a 排序 data.sort((a, b) => a.english.charCodeAt(0) - b.english.charCodeAt(0)); //a~z 排序 console.log(data);