js对象排序、对象数组根据属性排序、对象生成类url字符串

工作中经常会遇到对象属性排序的问题，在加密中，根据属性名自然排序，然后拼接成字符串加密，也是很常见的需求，接下来给大家带来一些基本方法：

1.首先是根据首字符自然排序：

const obj = {cc:'',dd:'dd',ff:'ff',aa:'aa',bb:'bb'} //属性随机排列的对象

function sortObj(obj) {
    const keys = Object.keys(obj); //获取key
    keys.sort(); //给key排序，排序是根据首字母进行
    let sorted = {};
    for(let k of keys){
        sorted[k] = obj[k];
    }
    return sorted; //返回排序好的对象
}

console.log(sortObj(obj)) //{ aa: 'aa', bb: 'bb', cc: '', dd: 'dd', ff: 'ff' }

2.对象数组，根据某个属性排序，比如：根据年龄，姓名等

const obj = [{name:"jack",age:20},{name:'lucy',age:15},{name:'tom',age:18}];

function compare(prop) { //传入需要根据排序的属性名 
    return function (obj1, obj2) {
        let val1 = obj1[prop];
        let val2 = obj2[prop];
        if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
            val1 = Number(val1);
            val2 = Number(val2);
        }
        if (val1 < val2) {
            return -1;
        } else if (val1 > val2) {
            return 1;
        } else {
            return 0;
        }
    }
}

console.log(obj.sort(compare('age'))); //根据年龄大小排序结果为：[ { name: 'lucy', age: 15},{ name: 'tom', age: 18 },{ name: 'jack', age: 20 } ]

2.对象生成类似url字符串 : key=value&key1=value1

const obj = {cc:'',dd:'dd',ff:'ff',aa:'aa',bb:'bb'}

function urlStr(obj) {
    let str = '';
    for(let k in obj){
        if(str){
            str += `&`;
        }
        str += `${k}=${obj[k]}`;
    }
    return str;
}

console.log(urlStr(obj));// 直接生成类url字符串：cc=&dd=dd&ff=ff&aa=aa&bb=bb

console.log(urlStr(sortObj(obj))); // 可先调用1示例中的sortObj方法排序，然后再生成url字符串：aa=aa&bb=bb&cc=&dd=dd&ff=ff

感谢您的阅读！如果文章中有任何错误，或者您有更好的理解和建议，欢迎和我联系！