Javascript：按包含未定义的数字属性对对象数组进行排序

Question

我可以定义一个数字数组并像这样对它们进行排序var array = ['2', undefined, '1'];array.sort((a, b) => a - b);console.log(array);输出是1, 2, null。我有一个可以包含数字属性的对象数组，我可以这样定义。并非所有对象都具有 number 属性。现在我想通过 number 属性对这个对象数组进行排序。所以我试过这个：var array = [  { number: 2 },  {},  { number: 1 }];array.sort((a, b) => a.number - b.number);console.log(array);输出不是我想要的。我明白了2, undefined, 1。如果数组中的所有对象都定义了 number 属性，则相同的排序函数会产生1, 2，这就是我期望的结果。var array = [  { number: 2 },  { number: 1 }];array.sort((a, b) => a.number - b.number);console.log(array);所以我的问题是，按属性对对象数组进行排序的最佳方法是什么，其中属性并不总是被定义。预期的结果是对象按属性（编号）排序，没有在数组末尾定义该属性的对象。到目前为止，我唯一的解决方案是迭代该集合，如果未定义该属性，则将该属性设置为 0 或null. 然后我可以将对象数组传递给 sort 函数，它可以按我的意愿工作。还有比这更好的方法吗？Jfiddle：https ://jsfiddle.net/t2r6z13e/1/

Answer 1

您可以返回number被比较的每个对象上的属性是否存在之间的差异，或者返回它们number属性的差异（如果两个对象都具有所述属性）：

var array = [

  { number: 2 },

  {},

  { number: 1 }

];

array.sort((a, b) => {

  const aHas = typeof a.number !== 'undefined';

  const bHas = typeof b.number !== 'undefined';

  return (bHas - aHas) || (aHas === true && a.number - b.number) || 0;

});

console.log(array);

Answer 2

您可以为具有对象扩展的数组元素提供默认值： {default, ...item}

var array = [

  { number: 2 },

  {},

  { number: 1 },

  {},

  { number: 0 },

];

array.sort((a, b) => (

    {number: Number.MAX_VALUE, ...a}.number -

    {number: Number.MAX_VALUE, ...b}.number));

console.log(array);

如果您的目标尚不支持对象扩展，请将其替换为Object.assign.

Answer 3

解释在评论中：

let array = [

  {},

  { number: 2 },

  {},

  { number: 1 }

];

array.sort((a, b) => {

  // two undefined values should be treated as equal ( 0 )

  if( typeof a.number === 'undefined' && typeof b.number === 'undefined' )

    return 0;

  // if a is undefined and b isn't a should have a lower index in the array

  else if( typeof a.number === 'undefined' )

    return 1;

    // if b is undefined and a isn't a should have a higher index in the array

  else if( typeof b.number === 'undefined' )

    return -1;

    // if both numbers are defined compare as normal

  else

    return a.number - b.number;

});

console.log( array );