如果属性存在,则对对象数组进行排序

Rah*_*ulB 1 javascript arrays

我有一个对象数组。在每个这些对象中,只有几个具有属性,我想对数组进行排序,将具有该属性的那些对象放在顶部。

前-

arr= [{key1: "obj1val1", key2 :"obj1val2"}, 
      {key2 :"obj2val2"}, 
      {key1: "obj3val3", key2 :"obj3val3"},
      {key2 :"obj4val1"},
      {key1: "obj5val1", key2 :"obj5val2"}
]
Run Code Online (Sandbox Code Playgroud)

按key1排序

Expected Result - [{key1: "obj1val1", key2 :"obj1val2"}, 
                   {key1: "obj3val3", key2 :"obj3val3"},
                   {key1: "obj5val1", key2 :"obj5val2"}, 
                   {key2 :"obj2val2"}, 
                   {key2 :"obj4val1"}]
Run Code Online (Sandbox Code Playgroud)

我尝试了以下方法-

sort : function(arr) {
              var copyArr = arr.slice();
              var newArr = [];
              for(var i=0; i<arr.length; i++){
                if(arr[i].key1){
                  newArr.push(arr[i]);
                    copyArr.splice(i, 1);
                }
              }
              Array.prototype.push.apply(newArr, copyArr);
              return newArr;
            }
Run Code Online (Sandbox Code Playgroud)

不完全是,但是我发现上述方法存在差异。对于更大长度的数组,某些具有key1的对象不会移到顶部。可以通过sortjavascript 的内部方法来完成此操作吗?如果是,自定义函数将如何比较?

仅支持ES5方法。

T.J*_*der 5

可以通过javascript的内部排序方法来完成吗

是:只需选择具有以下属性的条目:

arr.sort(function(left, right) {
    return left.hasOwnProperty("key1") ? -1 : right.hasOwnProperty("key1") ? 1 : 0
});
Run Code Online (Sandbox Code Playgroud)

现场示例:

arr.sort(function(left, right) {
    return left.hasOwnProperty("key1") ? -1 : right.hasOwnProperty("key1") ? 1 : 0
});
Run Code Online (Sandbox Code Playgroud)

如果您还想按该属性的值排序:

arr.sort(function(left, right) {
    var leftHas = left.hasOwnProperty("key1");
    var rightHas = right.hasOwnProperty("key1");
    if (leftHas && rightHas) {
      return left.key1.localeCompare(right.key1);
    }
    return leftHas ? -1 : rightHas ? 1 : 0;
});
Run Code Online (Sandbox Code Playgroud)

现场示例:

var arr = [
    {key1: "obj1val1", key2 :"obj1val2"}, 
    {key2 :"obj2val2"}, 
    {key1: "obj3val3", key2 :"obj3val3"},
    {key2 :"obj4val1"},
    {key1: "obj5val1", key2 :"obj5val2"}
];
arr.sort(function(left, right) {
    return left.hasOwnProperty("key1") ? -1 : right.hasOwnProperty("key1") ? 1 : 0
});
console.log(arr);
Run Code Online (Sandbox Code Playgroud)

  • 天哪,我确实写了这个逻辑,但是搞砸了三元组中的return语句。整洁的解决方案。应该早一点到达,这样浪费了我一半的睡眠时间。谢谢TJ (2认同)