get the wanted objects from the array of objects

Question

This is my first question in stackoverflow, So any kind of help is appreciated.

I have an array like this

var products = [{status:'available', ...},{status:'none', ...},{status:'available', ...},{status:'', ...},{status:'none', ...}]

how can I get an array that contains only products[i].status = 'available' .

I already did this with for loop but isn't there a better method? My code is practically full of loops now & it's not easy to read.

Thank you for you help.

use `filter()` function, `var res = products.filter(v => v.status == 'available')` — Pranav C Balan, Nov 16 '17 at 09:38
Here is the documentation for`filter`: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter — ADreNaLiNe-DJ, Nov 16 '17 at 09:39
Possible duplicate of [Javascript: How to filter object array based on attributes?](https://stackoverflow.com/questions/2722159/javascript-how-to-filter-object-array-based-on-attributes) — Melchia, Nov 16 '17 at 09:41

score 4 · Answer 1 · answered Nov 16 '17 at 09:39

4

Use Array.filter method

products.filter(function(product){
    return product.status == 'available'
})

answered Nov 16 '17 at 09:39

Dean

668
12
32

score 4 · Accepted Answer · answered Nov 16 '17 at 09:48

4

Using arrow functions (ES6) is a shortest one

products.filter(product => product.status == 'available')

Will return an appropriate array of products where statuses arr "available"

answered Nov 16 '17 at 09:48

Mikhail Katrin

2,304
1
9
17

One line answer:) – Nov 16 '17 at 09:52
just be careful though as not all browser support ES6 – Rey Norbert Besmonte Nov 23 '17 at 09:18

score 1 · Answer 3 · answered Nov 16 '17 at 09:43

Try this

var products = [{
  status: 'available'
}, {
  status: 'none'
}, {
  status: 'available'
}, {
  status: ''
}, {
  status: 'none'
}]

var array = $.map(products, function(value, index) {
 

  if (value["status"] == "available") {
    return [value];
  }

});

console.log(array);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

score 1 · Answer 4 · answered Nov 16 '17 at 09:43

https://jsfiddle.net/dvwu75ja/

Try This one

var products = [{status:'available'},{status:'none'},{status:'available'},{status:''},{status:'none'}];
x = 0;
products.forEach(function(element) {

    if(element["status"] == "available"){
       //code here, x is just to represent what index you are in now
        console.log(x);
    }
    x++;
});

Hopes this help

score 1 · Answer 5 · answered Nov 16 '17 at 11:02

1

var products = [{status:'available'},{status:'none'},{status:'available'},{status:''},{status:'none'}];
for(var i = 0; i < products.length; i++){
if(products[i].status == products[0].status){
 console.log(this.products[i]);
}
}

answered Nov 16 '17 at 11:02

vicky patel

699
2
8
14

score 0 · Answer 6 · answered Nov 16 '17 at 14:08

0

Using ES5 most broswer support this one:

products.filter(function(product){return product.status === 'available'})

Using ES6 works too but not all browser support ES6 yet:

products.filter(product => product.status === 'available')

answered Nov 16 '17 at 14:08

Melchia

22,578
22
103
117

get the wanted objects from the array of objects

6 Answers6