javascript - 如何从 bool 对象创建新数组

Question

我很确定有类似的东西，但我无法在我的范围内弄清楚这个。我有一个数组，我需要基于一个对象创建另一个数组(在本例中为 BannerAtivo: true)。

我的 JSON:

[{
    "BannerID": 0,
    "BannerImage": "http://hotsite/example2.png",
    "BannerMin": "http://hotsite/example.png",
    "BannerTitulo": "Xurupita Style",
    "BannerDesc": "Lorem Ipsum Dolor Siamet",
    "BannerAtivo": false,
    "SetorId": 1
}, {
    "BannerID": 2,
    "BannerImage": "http://hotsite/example2.jpg",
    "BannerMin": "http://hotsite/example.jpg",
    "BannerTitulo": "Chihuahua",
    "BannerDesc": "Role",
    "BannerAtivo": true,
    "SetorId": 1
}]

我正在尝试以下代码:

var data = response.data;
$scope.banners = data;
var a = $scope.banners;
function check(a) {
    return a.BannerAtivo = true;
    console.log(BannerAtivo);
}

我想要的是:在我的范围内仅显示对象 BannerAtivo 中 true 的列表。我已经尝试过过滤器，但不知道如何制作它。我什至无法在控制台上显示它。我知道这个问题很愚蠢，是的，我是 javascript 和 Angular 的新手。抱歉。

Answer 1

如果您发布的 JSON 最终出现在 response 中，那么您需要在 response 上运行 filter()，而不是 response .data.

这里是工作示例代码:

var response = [{
  "BannerID": 0,
  "BannerImage": "http://hotsite/example2.png",
  "BannerMin": "http://hotsite/example.png",
  "BannerTitulo": "Xurupita Style",
  "BannerDesc": "Lorem Ipsum Dolor Siamet",
  "BannerAtivo": false,
  "SetorId": 1
}, {
  "BannerID": 2,
  "BannerImage": "http://hotsite/example2.jpg",
  "BannerMin": "http://hotsite/example.jpg",
  "BannerTitulo": "Chihuahua",
  "BannerDesc": "Role",
  "BannerAtivo": true,
  "SetorId": 1
}];

$scope = {};
$scope.banners = response.filter(banner => banner.BannerAtivo);
console.log($scope.banners);