如何在 JSON 数据中过滤价格范围：Javascript 或 jQuery

Question

I want to filter price range between 250 to 800 in JSON Data

My JSON Data :

var data = [{
    "name": "Lenovo Thinkpad 41A4298",
    "Price": 200
}, {
    "name": "Lenovo Thinkpad 41A2222",
    "Price": 200
}, {
    "name": "Lenovo Thinkpad 41Awww33",
    "Price": 6700
}, {
    "name": "Lenovo Thinkpad 41A424448",
    "Price": 600
}, {
    "name": "Lenovo Thinkpad 41A429rr8",
    "Price": 4200
}, {
    "name": "Lenovo Thinkpad 41A429ff8",
    "Price": 2200
}, {
    "name": "Lenovo Thinkpad 41A429ss8",
    "Price": 200
}, {
    "name": "Lenovo Thinkpad 41A429sg8",
    "Price": 500
}];

How to do in Javascript or jquery for Price range filter with All browser compatibility

I am try this code :

newdata=data.filter(function (el) {
return el.Price >= 250 &&
e1.Price <=800;
}); 

Answer 1

You can make use of the filter method, which will create a new array with all the elements that passes the condition.

data.filter(function(x){ return x.Price >= 250 && x.Price <= 800});

If you want to use filter method in every browser you could add the polyfill method (see link) in your code.

---

Another option with basic javascript would be:

Looping trough the array with a simple for loop and test on the price range.

for(var i=0, length=data.length; i<length; i++){
   var current = data[i]; 
   if(current.Price >= 250 && current.Price <= 800){ 
      //INSERT CODE HERE 
   }
}

Answer 2

Just as you sad it, use .filter and shims for xbrowser. jQuery should have that functionality built-in.

var filtered = data.filter(filter_callback);
//

Answer 3

Try this solution:

data.filter(function(i, j) { 
    return (i.Price >= 250 && i.Price <= 800 ); 
});

Answer 4

You can do the following :

var filteredData = data.filter(function(val,i,arr){
    return (val.Price >= 230) && (val.Price <= 800);
});

It uses a JavaScript Native function called filter .

Answer 5

you can do like this:

var filtered = new Array();
 $.each(data, function (index, item) {
    if(item.Price >= 250 || item.Price <=800)    
        filtered.push(item);
});
    console.log(filtered);

Working Fiddle

Answer 6

Working Demo

Use grep()

var t=$.grep(data,function(val,i){

   return val.Price >= 250 && val.Price <= 800;
});

Answer 7

You can filter values by using filter() method in array which will return a new filtered array.

const filteredValue = data.filter(items => {
      return items.Price >= 230 && items.Price <= 800
})