对数字和文本的多维对象数组进行排序

Question

var customers = [
  {'Name' : 'John', 'Attributes' : {'Age' : 5, 'Height' : 1.5, 'Country': 'USA', 'Clothes' : {'Shirts' : 5, 'Pants' : 8}}}, 
  {'Name' : 'Andrew', 'Attributes' : {'Age' : 9, 'Height' : 1.8, 'Country': 'Canada', 'Clothes' : {'Shirts' : 2, 'Pants' : 5}}}, 
  {'Name' : 'Lucifer', 'Attributes' : {'Age' : 11, 'Height' : 1.3, 'Country': 'France', 'Clothes' : {'Shirts' : 9, 'Pants' : 4}}}
];

function sort(valuePath, array){
  let path = valuePath.split('.')  

  return array.sort((a, b) => {
     return getValue(b,path) -  getValue(a,path)    
  });

  function getValue(obj, path){
    path.forEach(path => obj = obj[path])
    return obj;
  }
}

如果我触发，我有这个功能的工作结构：

sort('Attributes.Height', customers)

但如果我选择使用文本，它就不起作用，例如：

sort('Attributes.Country', customers)

如何应用必要的修改？感谢您的宝贵时间。

Answer 1

按字符串排序的工作方式不同，请从here 阅读。想法是首先检测您应用的键类型是数字还是字符串，然后相应地应用排序。

var customers = [ {'Name' : 'Andrew', 'Attributes' : {'Age' : 9, 'Height' : 1.8, 'Country': 'Canada', 'Clothes' : {'Shirts' : 2, 'Pants' : 5}}}, {'Name' : 'John', 'Attributes' : {'Age' : 5, 'Height' : 1.5, 'Country': 'USA', 'Clothes' : {'Shirts' : 5, 'Pants' : 8}}}, {'Name' : 'Lucifer', 'Attributes' : {'Age' : 11, 'Height' : 1.3, 'Country': 'France', 'Clothes' : {'Shirts' : 9, 'Pants' : 4}}}];

function sort(valuePath, array){
  let path = valuePath.split('.')  
  let value = getType(array[0],path);
  
  if(value == 'string'){
     return array.sort((a, b) => (getValue(a,path).toUpperCase() > getValue(b,path).toUpperCase()) - (getValue(a,path).toUpperCase() < getValue(b,path).toUpperCase()))
  } else {
     return array.sort((a, b) => getValue(a,path) -  getValue(b,path));
  }
 
 function getValue(obj, path){
    path.forEach(path => obj = obj[path])
    return obj;
  }
 
  function getType(obj, path){
    path.forEach(path => obj = obj[path])
    return typeof obj;
  }
}

console.log(sort('Attributes.Country', customers));
console.log(sort('Attributes.Height', customers));

Answer 2

您可以使用< 和> 运算符比较值，而不是使用减号运算符进行数学比较。这适用于数字和字符串。

  return array.sort((a, b) => {
     if (getValue(a,path) < getValue(b,path)) {
       return -1;
     }
     if (getValue(a,path) > getValue(b,path)) {
       return 1;
     }
     return 0;
  });

见：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Description

Answer 3

您可以采用一种适用于数字和字符的排序方法，并在路径和排序顺序上使用闭包。

此方法通过将数组作为第一个参数来使用更改的参数顺序。

const
    sort = (array, valuePath, order = 'ASC') => {
        const
            getValue =
                (path => object => path.reduce((o, k) => o[k], object))
                (valuePath.split('.')),
            asc = order === 'ASC' || -1;

        return array.sort((a, b) => {
            const
                aa = getValue(a),
                bb = getValue(b);

            return asc * ((aa > bb) || -(aa < bb));
        });
    };

var customers = [{ Name: "John", Attributes: { Age: 5, Height: 1.5, Country: "USA", Clothes: { Shirts: 5, Pants: 8 } } }, { Name: "Andrew", Attributes: { Age: 9, Height: 1.8, Country: "Canada", Clothes: { Shirts: 2, Pants: 5 } } }, { Name: "Lucifer", Attributes: { Age: 11, Height: 1.3, Country: "France", Clothes: { Shirts: 9, Pants: 4 } } }];


console.log(sort(customers, 'Attributes.Height', 'DESC'));
console.log(sort(customers, 'Attributes.Country', 'DESC'));

.as-console-wrapper { max-height: 100% !important; top: 0; }