AngularJS: 使用过滤器将数组拆分成子数组

Question

我想把一个对象数组分成多个数组。在AngularJS中，使用以下字符串完美地将整个数组arr按照我的要求分成了四个数组：

    var arr0 = $filter('filter')(arr, { filterVal: 0 }, true);
    var arr1 = $filter('filter')(arr, { filterVal: 10 }, true);
    var arr2 = $filter('filter')(arr, { filterVal: 50 }, true);
    var arr3 = $filter('filter')(arr, { filterVal: 60 }, true);

实际上，以上四个数组的总和就是原始数组（因为每个项目中的filterVal始终等于0、10、50或60）。

所以问题是如何使上面的代码更短？因此，我需要将arr在一行内分割成new_arr。

new_arr[0] is equal to arr0,
new_arr[1] is equal to arr1,
new_arr[2] is equal to arr2,
new_arr[3] is equal to arr3.

换句话说，我希望能够使用一行代码（如果可能的话）代替四行代码。在AngularJS中可以实现吗？

这样做可以使它更加动态（不仅限于四个）。

谢谢。

补充说明： 例如，

    arr = [
        {"code":"kfk", "flag":"dfmk", "filterVal": 0},
        {"code":"asg", "flag":"sdg3", "filterVal": 50},
        {"code":"asdf", "flag":"34t", "filterVal": 10},
        {"code":"hsdfh", "flag":"dfsg43", "filterVal": 50},
        ];

预计将被转换为

var new_arr[0] = [{"code":"kfk", "flag":"dfmk", "filterVal": 0}];//0s
var new_arr[1]= [{"code":"asdf", "flag":"34t", "filterVal": 10},];//10s
var new_arr[2]= [{"code":"asg", "flag":"sdg3", "filterVal": 50},{"code":"hsdfh", "flag":"dfsg43", "filterVal": 50}];//50s
var new_arr[3]= [];//60s

- Haradzieniec

---

请添加原始数组和期望的结果。 - Nina Scholz

@NinaScholz 刚刚添加了。谢谢。 - Haradzieniec

Answer 1

你可以使用纯JavaScript和数组来进行分组处理。

var array = [{ "code": "kfk", "flag": "dfmk", "filterVal": 0 }, { "code": "asg", "flag": "sdg3", "filterVal": 50 }, { "code": "asdf", "flag": "34t", "filterVal": 10 }, { "code": "hsdfh", "flag": "dfsg43", "filterVal": 50 }, ],
    groups = [{ filterVal: 0 }, { filterVal: 10 }, { filterVal: 50 }, { filterVal: 60 }],
    result = groups.map(function (a) { return []; });

array.forEach(function (a) {
    groups.some(function (b, i) {
        var k = Object.keys(b)[0];
        return a[k] === b[k] && result[i].push(a);
    });
});

console.log(result);

或者你可以采用更线性的方法。

var array = [{ "code": "kfk", "flag": "dfmk", "filterVal": 0 }, { "code": "asg", "flag": "sdg3", "filterVal": 50 }, { "code": "asdf", "flag": "34t", "filterVal": 10 }, { "code": "hsdfh", "flag": "dfsg43", "filterVal": 50 }, ],
    filter = [{ filterVal: 0 }, { filterVal: 10 }, { filterVal: 50 }, { filterVal: 60 }],
    groups = Object.create(null),
    result = filter.map(function (a) { return []; });

filter.forEach(function (b, i) {
    groups[b[Object.keys(b)[0]]] = i;
});
array.forEach(function (a) {
    result[groups[a.filterVal]].push(a);
});

console.log(result);

- Nina Scholz

---

抱歉再次提问。看起来你的代码可行（非常感谢）。我的代码也可行。问题是是否可能将其更紧凑 - 一行而不是四行...无论如何，我会为你的答案点赞。再次感谢。 - Haradzieniec

回答这个问题，不，不是真的。 - Nina Scholz

Answer 2

创建自定义过滤器：

app.filter('groupify', function(){
  return function(list, key) {
    return list.reduce((carry, row) => {
      if (!carry[row[key]]) carry[row[key]] = [];
      carry[row[key]].push(row);
      return carry;
    }, {});
  };
});

并使用它：

 var new_arr = $filter('groupify')(arr, 'filterVal');

你将会得到一个对象：{0: [...], 10: [...], 50: [...], 60: [...]}
如果需要，将其转换为数组很容易。

- vp_arth

Answer 3

这是什么意思？

var new_arr = [0, 10, 50, 60].map(function (n) { 
    return $filter('filter')(arr, { filterVal: n }, true); 
});

- Lucas Moeskops