当前位置:首页 > 技术分享 > 正文内容

js中对象属性值排序(字典倒排序)

admin5年前 (2020-08-05)技术分享6982

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);

 

扫描二维码推送至手机访问。

版权声明:本文由小刚刚技术博客发布,如需转载请注明出处。

本文链接:https://blog.bitefu.net/post/8.html

分享给朋友:

相关文章

thinkphp等框架开发中容易忽略的xss攻击及应对XSS攻击方法

thinkphp等框架开发中容易忽略的xss攻击及应对XSS攻击方法

虽然说现在的web开发框架都是挺成熟的框架,在性能、安全等方面都有比较好的表现,但问题往往出现在业务逻辑上,如上周我再公司发现的一个跨站脚本攻击,(通常公司是这么过滤的,max(0,$_GET[‘a’])、strip_tags($_GET[...

百度云,天翼云盘解析网页地址 收集分享

百度云解析http://p.106666.xyz/https://pan.kdbaidu.com/https://pan.kdpd.me/https://yun.kdbaidu.com/http://blog.xxatf.top/https...

贾氏鸣天鼓健耳养肾操

贾氏鸣天鼓健耳养肾操

《贾氏鸣天鼓健耳养肾操》鸣天鼓是健耳强肾治耳病的古法,贾氏越云自创的鸣天鼓健耳养肾操是在古法的基础上创建。顺序:1静坐挺胸。2双手放心脏位置的胸口,左手掌盖住右手掌。3闭目静心,深呼吸19下。4双手相互搓揉,让手掌发热。5用发热的双手手掌严...

PHP AES加解密 (ECB模式/sha1prng算法/PKCS5Padding和PKCS7Padding补码) ECB 模式不需求设置 iv

php7+ 版本/**  * [AesSecurity aes加密,支持PHP7+]  * 算法模式:ECB  * 密钥长度:128  * 补...

微软Windows 10升级密钥(例如家庭版升级为企业版) 不能用于激活系统

微软Windows 10升级密钥(例如家庭版升级为企业版) 不能用于激活系统

下面的密钥,是微软官方提供的,仅能用于Windows10系统版本的升级,比如从家庭版升级为专业版、专业版升级为企业版等。升级密钥不能用于激活系统,激活需要KMS或者数字权利,由于涉及到版权问题,在此不宜分享,请大家自行查找激活相关的内容。准...

python调用WinRAR暴力获取压缩密码 用网址做解压密码

原理很简单:python通过调用WinRAR.exe暴力获取压缩密码,要求必须安装WinRAR或者有WinRAR.exe这个文件(单个文件就行)。个人实测zip和rar格式都能用。缺点:费时间,费cpu一、不生成密码本:4位全数字密码:im...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。