Фильтр массив с помощью JQuery

Question

У меня есть этот массив объектов

var customers = [{ 
    "id": "1", 
    "name": "1", 
    "position": "1", 
    "office": "<button data-id=2 class='btn btn-danger'><i class='fa fa-trash fa-lg'></i> Delete record</button>", 
    "active": "1" 
}, { 
    "id": "2", 
    "name": "2", 
    "position": "2", 
    "office": "<button data-id=2 class='btn btn-danger'><i class='fa fa-trash fa-lg'></i> Delete record</button>", 
    "active": 0 
}]; 

Что мне нужно, чтобы создать новый массив, который будет иметь только активные клиенты, что новый массив будет выглядеть

var activeCustomers = [{ 
    "id": "1", 
    "name": "1", 
    "position": "1", 
    "office": "1", 
    "active":"1" 
} 
}]; 

Потому что вы можете видеть, что есть только один активный клиент?

Answer 1

Вы можете использовать .filter на Array.prototype (MDN reference)

var activeCustomers = customers.filter(function(customer) { return customer.active; }); 

Примечание: Вы должны использовать polyfill MDN для поддержки браузера ниже IE9.

Answer 2

Вы можете использовать функцию JQuery grep:

var activeCustomers = $.grep(customers, function(c){return c.active;}); 

Обратите внимание, что это будет работать во всех браузерах; альтернативным подходом было бы использовать Array.filter, который является (относительно) новым дополнением к JavaScript и не будет работать в некоторых старых браузерах.