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.
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"
Use Array.filter method
products.filter(function(product){
return product.status == 'available'
})
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>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
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]);
}
}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')
filter()function,var res = products.filter(v => v.status == 'available')filter: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…