Question

修改：

我必须将1个大对象中的多个内容发送到服务器。对象的一部分包含可以是字符串或null的数据。我想对我的对象进行排序，以便我的Angular ng-repeat显示已经填充的字段，然后是其余的字段。

（我知道我应该只使用PUT将更新后的字段发送到服务器，但现在不能选择。）

我从一个JSON对象开始，如下所示：

var myObject = {
    14   : "a",
    368  : null,
    7800 : null,
    3985 : "b",
    522  : "c"
}

我想对这个对象进行排序，以便所有不为空的东西首先出现，如下所示：

{
    14   : "a",
    3985 : "b",
    522  : "c",
    368  : null,
    7800 : null
}

我已经在这里找到了各种答案，但没有一个真正有用。我已经尝试了类似的东西，但排序并不正确：

var sortEmptyLast = function (a, b) {
    return ((a.v.length < b.v.length) ? 1 : ((a.v.length > b.v.length) ? -1 : 0));
};

var myArray = [];

for (var key in myObject) {
    var value = myObject[key] || "";
    myArray.push({k: key, v: value});
}

myArray = myArray.sort(sortEmptyLast);

var sortedObject = _.zipObject(_.map(myArray, function (x) {
     return [x.k, x.v];
}));

我的sortedObject将返回此信息：

{
    14   : "a", 
    368  : "", 
    522  : "c", 
    3985 : "b", 
    7800 : ""
}

我希望我在这里过于复杂，所以如果有人知道更容易（或至少; 工作）这种排序的方式 - 请赐教:) 。

Answer 1

如上所述，对象没有明确的顺序。您可以将对象发送到服务器并在视图中对对象进行排序（在您的情况下为AngularJS应用程序）。

要从对象创建有序列表，首先显示null值，请从对象创建列表并使用AngularJS orderBy过滤器。

AngularJS控制器：

var result = [];
var keys = _.keys(sortedObject);
angular.forEach(keys, function (key) {
    result.push(sortedObject[key]);
});
$scope.arrayFromObject = result;

AngularJS视图

<span ng-repeat="item in arrayFromObject | orderBy:'name'"></span>

JS Lodash：按值排序对象，最后为null

1 个答案:

AngularJS控制器：

AngularJS视图